Проект #Masai_School Construct Week-2
Описание
Производитель средств личной гигиены, призванных помочь в уходе за бородой. Продукция компании включает средства для мытья бороды, бальзам, масло для роста волос, сыворотку, средства для умывания лица, воск, мыло и расчески для бороды, среди прочего, что позволяет потребителям без проблем баловать свою гриву на лице.
Сайт: — www.beardo.in
Создатели:
Мы в Unit-3 из Web-16 Batch и студенты
в конце модуля команда масаи назначила проект, и проект основан на технологии, которую мы изучили во всем модуле, в этом проекте мы используем HTML, CSS и JAVASCRIPT (Es6) и API
## Технологии, которые мы использовали
- HTML, CSS
- JAVASCRIPT
- Локальное хранилище браузера для раздела "Корзина"
- Google и Facebook API для быстрого входа и регистрации
## функции
– Функции входа и выхода из системы.
– Панель навигации содержит различные категории продуктов.
– На странице продукта отображаются продукты определенной категории с несколькими вариантами сортировки.
– На странице оформления заказа указана цена. рассчитывается динамически.
Домашняя страница
Войти и зарегистрироваться
- На этой странице пользователи могут зарегистрироваться или войти в систему в зависимости от того, зарегистрирован ли пользователь уже или нет.
Боковая панель
Страница кошелька
-Это страница кошелька Beardo, где мы можем приобрести продукт, если у нас есть баланс на счете.
Добавление суммы в кошелек
-Мы можем добавить сумму кошелька, указав данные дебетовой или кредитной карты и отправив пароль .
Страница продукта
– В заголовке страницы продукта пользователь может щелкнуть значок «Вход», чтобы либо войти в систему, либо создать учетную запись.
– После входа пользователь перенаправляется обратно на целевую страницу.
- На верхней панели навигации пользователь может перейти к следующим категориям: «Все продукты», чтобы открыть страницу продуктов
- На странице продуктов
— при нажатии на кнопку «Быстрый просмотр» каждого продукта. Нажав на нее, пользователю будет показана информация о продукте вместе с возможностью добавить продукт в корзину.
- При наведении курсора на продукты пользователь получает кнопку «КУПИТЬ СЕЙЧАС», нажав на нее, продукты добавляются в корзину, и пользователь получит всплывающее окно для перехода на страницу корзины или страницу оформления заказа.
- На странице корзины
— пользователь может удалить товар из корзины.
— возможность изменить количество товара
- Разместите заказ
- При размещении заказа пользователь будет перенаправлен на страницу оплаты
- После оплаты пользователь будет перенаправлен на главную страницу.
- На полной подробной странице продукта отображаются все сведения о продукте. Здесь мы предоставили пользователю возможность добавить в корзину вариант, если он хочет купить продукт.
Страница корзины
- На странице корзины есть все товары, добавленные в корзину/корзину пользователем.
- После добавления товаров пользователю необходимо указать свой дом, куда он хочет получить доставку, и нажать кнопку «Продолжить».
- Теперь пользователю необходимо предоставить данные своей карты для онлайн-платежа, а затем он может оплатить сумму счета онлайн.
- Пользователи также могут использовать промокоды для скидок.
-Здесь на этой странице можно добавить адрес доставки и сохранить его, а затем нажать «Продолжить»;
- Здесь мы можем увидеть летний заказ, а также оплатить через кошелек Beardo и продолжить
Страница оплаты
- Это важная часть, так как мы можем разместить заказ
- мы можем выбрать любой способ оплаты и заказ был размещен
О странице
Вот подробная информация о команде, а также упомянутый связанный идентификатор. Технологии и функции также можно увидеть здесь.
Теперь роли и обязанности членов команды
Аршия Мойн — Верхний и нижний колонтитулы, О нас
Чакри — Корзина, Оплата
Девеш Гоял — Войти Регистрация
Naga Polamarasetti — кошелек, оплата
Свати Шарма — страница продукта
Шубхам Верма — главная страница
Ключевые моменты обучения и улучшения, которые можно сделать →
мы узнали больше, чем ожидали, и теперь мы знаем, как сотрудничать с людьми, мы считаем, что #MasaiSchool делает действительно большую работу в части сотрудничества, чем большая часть школы
там, и мы сделали все возможное в нашем клоне веб-сайта, и мы знаем, что нет ничего идеального, и есть несколько вещей, которые мы все еще можем улучшить, например, управление временем и некоторые части JS и CSS, но;
мы приложили очень много усилий для создания веб-сайта, и мы гордимся этим и нашими усилиями.
Спасибо за чтение.