Привет. Надеюсь, вы в безопасности и у вас все хорошо. Мне приятно, что вы здесь, чтобы прочитать о моем опыте в течение этой недели строительства, потому что я впервые работал с группой.
мы сделали клонирование kohls.comво время недели сборки. Действительно, это была запоминающаяся и интересная неделя для нас, так как мы все работали вместе и создали этот прекрасный сайт всего за неделю. Для создания этого веб-сайта мы использовали HTML, CSS и JAVASCRIPT, чтобы сделать его интерактивным.
Перед этой неделей строительства я действительно был очень сбит с толку и нервничал. Как я могу управлять временем, как я могу создать проект в срок, и главное, как справиться с моими товарищами по команде. Но в течение этой строительной недели школа масаи сделала этот процесс плавным.
Настал последний день. Согласно заданному графику я нашел своих одногруппников и присвоил название проекта. Итак, проект заключался в клонировании Kohls.com, и в моей группе 4 участника, включая меня.
Итак, участники группы…
- Бисваджит Бисвал (я)
- Дхармеш Сонар
- Тарун Ахирвар
- Йогеш Самбаре
Так что эти ребята были действительно потрясающими, очень дружелюбными и готовыми к сотрудничеству.
Как мы распределяем нашу проектную работу (не зная друг друга должным образом)
Когда нам поручили данный проект, мы устроили виртуальную встречу и поровну распределили работу по силам.
Потом мы сделали этот анализ. Прежде всего, какова ниша сайта? И с каким намерением конкретный пользователь приходит на этот сайт.
Итак, это был в основном веб-сайт электронной коммерции, куда пользователи обычно приходят, чтобы купить продукт, поэтому в соответствии с этим мы разделили этот веб-сайт на 7 основных частей.
- Домашняя страница
- Создать учетную запись и войти на страницу
- страница продукта
- Страница корзины
- Страница оформления заказа и оплаты
- Страница размещения заказа
- Страница контактов
- Главная страница
Домашняя страница создана Dharmesh Sonar
Поскольку домашняя страница оказывает большое влияние на пользователя в плане стиля и функциональности, Дхармеш приложил все усилия, чтобы сделать ее красивой. Поэтому он создал панель навигации, панель поиска, ползунок, раскрывающийся список, список продуктов и нижний колонтитул.
2. Страница создания учетной записи и входа
Эта страница создана Таруном Ахирваром.
На этой странице пользователь может создать свою учетную запись. После создания учетной записи эта страница перенаправит пользователя на страницу входа.
на странице входа пользователь может легко войти в свою учетную запись с указанными электронной почтой и паролем на странице создания учетной записи, и пользователь может получить доступ к своей учетной записи, чтобы легко отслеживать свой заказ .
3.Страница продукта
Страница продукта создана Йогешем Самбаре.
Он создал эту страницу с помощью HTML, Css Flex и Grid и некоторых функций Javascript .
На этой странице мы перечислили весь наш продукт определенным образом, а в разделе фильтров и сортировки пользователь может легко отфильтровать продукт и найти продукт, который ищет пользователь, а с помощью функции сортировки пользователь может изменить ценовой диапазон от низкого до высокий и высокий к низкому.
После нажатия кнопки «Добавить в корзину» пользователь может легко добавить свои товары в корзину.
4. Страница корзины
Я создал эту страницу.
Для создания этой страницы я использовал HTML, CSS flex и Grid, а также Advance Javascript (JSON) .
На этой странице в основном есть 2 раздела: один для товара в корзине, а другой для общего выставления счетов. В разделе элементов корзины пользователь может добавлять элементы со страницы продукта, а в разделе выставления счетов пользователь может видеть общую стоимость своего продукта.
Поскольку почти каждый пользователь интересуется какой-либо скидкой на свой приобретенный продукт, мы добавили раздел применения купона, где пользователь может выкупить свою цену со скидкой после применения правильного данного кода купона. После всех этих действий пользователь может нажать кнопку «Оформить заказ» и перейти к оформлению заказа.
5.Страница оформления заказа и оплаты
Эта страница также создана мной.
Поэтому я объединил страницу проверки и оплаты с помощью Javascript DOM.
В этом разделе пользователь должен обязательно заполнить адресную форму, после чего пользователь сможет перейти к оплате, есть 2 варианта, учитывая, что это карта Khols, а другая - кредитная / дебетовая карта. После оплаты и нажатия кнопки «Разместить заказ» пользователь успешно разместил свой заказ.
6.Страница размещения заказа
Это последняя страница нашего сайта.
На этой странице пользователь может сообщить, что его заказ успешно размещен без каких-либо сбоев.
7.Страница "Свяжитесь с нами"
Эта страница создана Йогешем
Очень важно обеспечить хорошее обслуживание клиентов для нашего пользователя, поэтому мы добавили эту страницу.
Спасибо, что уделили свое драгоценное время и прочитали эту статью.
Вы можете проверить наш исходный код для этого проекта, перейдя по этой ссылке на GitHub.
