Прежде чем я поделюсь своим опытом, мы как команда хотели бы поблагодарить школу Масаи за предоставленную нам возможность клонировать веб-сайт электронной коммерции CaratLane. Этот проект научил нас работать в команде, и я искренне рад, что у меня есть такая возможность, поскольку она повышает наши навыки.
Ссылка проекта: https://github.com/Chandan-Mourya/CartlaneClone/
Введение :
Мы клонировали имя сайта CaratLane. Это веб-сайт электронной коммерции, известный своим премиальным дизайном и ассортиментом ювелирных изделий. Caratlane является дочерней компанией Tata Group.
Как это началось?
Это был первый захватывающий и интересный проект, который мы получили в Масаи. Все мои товарищи по команде были из разных уголков страны, поэтому, поскольку мы работали над нашим первым онлайн-проектом, общение было проблемой. Наша команда связалась друг с другом в группе WhatsApp. У нас был крайний срок 7 дней, чтобы завершить этот проект. Итак, мы разделили нашу работу и придумали план того, как мы собираемся подойти к проекту. Клонирование веб-сайта было не чем иным, как созданием настоящего веб-сайта для нас.
Ниже приведены изображения нашего клонированного веб-сайта и людей, которые усердно работали над ним.
Функционал сайта CaratLane:
Я начал с страницы регистрации и страницы входа, где вы можете создать свою учетную запись и использовать ту же информацию, что и для входа на веб-сайт. Он выдаст ошибку, если учетные данные пользователя не совпадают с созданными. После успешного входа в систему вы будете перенаправлены на домашнюю страницу Caratlane.
Домашняя страница клонирована мной и Шубхамом. Выпадающее меню отображается при наведении курсора на разные категории товаров. Вы также можете увидеть слайд-шоу отзывов клиентов, опубликованных на странице CaratLane в Instagram.
3 категории страницы продуктов были скопированы мной и Шубхамом. Вы можете сортировать товары по цене и добавлять товары, которые хотите купить, в корзину. Эти данные будут храниться в локальном хранилище, а затем будут перенаправлены на страницу корзины.
После этого Шубхам завершил клонирование страницы оформления заказа, где вы можете удалить товары из корзины и перейти к оплате. Шубхам также завершил страницу оплаты, где вы можете ввести свои банковские реквизиты и подтвердить оплату своего продукта, после чего вы вернетесь на главную страницу, чтобы продолжить покупки в CaratLane.
Мы использовали HTML, CSS и Javascript для реализации всех этих функций.
Опыт обучения :
- Реальная реализация HTML, CSS и Javascript.
- Использование локального хранилища для локального хранения пользовательских данных.
- Использование Гитхаба.
- Тайм-менеджмент и ответственность.
- Сотрудничество и командная работа.
Общий опыт :
Мы начинали как группа, у которой было много сомнений относительно того, как выполнить эту работу вовремя. Но в целом это был отличный опыт работы со всеми членами команды. Я должен сказать, что проекты не могут быть построены гладко без сотрудничества всех членов команды. Мы столкнулись с проблемами во время проекта, так как все мы не имели опыта программирования и впервые использовали GitHub. Так что я хотел бы поблагодарить каждого из них за их усилия и самоотверженность. Особая благодарность нашему лектору Mr. Сэру Чандрашекхару инашим преподавателям в компании Masai за своевременное решение наших вопросов и помощь в эффективном завершении этого проекта в указанные сроки. Я очень горжусь тем, что работаю с такими замечательными людьми, и всегда буду рад снова сотрудничать с ними. Мы действительно преодолели все наши проблемы и сомнения в себе во время этого проекта. Уроки этого проекта определенно помогут нам в нашем путешествии в качестве разработчиков программного обеспечения.
