Привет, читатель, возможно, ты заказал что-то онлайн, верно? Итак, я делюсь опытом своей команды о том, как мы создаем клон интернет-магазина Uniqlo. Это обновление моего предыдущего блога. Ссылка прикреплена ниже для ознакомления. https://medium.com/@hgauba4/how-did-our-team-build-the-uniqlo-clone-2d78566e6935

Прежде всего, UNIQLO в Индии предлагает высококачественную модную одежду онлайн для мужчин, женщин, детей и младенцев. Изучите широкий ассортимент одежды и аксессуаров онлайн прямо сейчас!. Для получения дополнительной информации перейдите по ссылке:-https://uniqlo.com/

Теперь это наш третий проект недели строительства. В этом проекте мы обновили наш предыдущий проект. У нас возникает так много вопросов, потому что мы не внедряли бэкэнд ни в один из проектов, но были уверены, что использовали аналогичные технологии в наших заданиях. Было так много проблем, с которыми мы сталкивались каждый день, и самое лучшее, что мы, как команда, преодолеваем эти проблемы, помогаем друг другу, мы знакомимся с командной работой, новыми концепциями. Это было похоже на короткое путешествие с трудностями, но в масаи мы привыкли к трудностям.

На этот раз мы подключили наш предыдущий проект из Backend. Мы использовали MongoDB для базы данных и Express для создания сервера. Мы развернули сервер на Heroku. Сервер работает в прямом эфире 24*7. Если пользователь зарегистрируется на нашем сайте, его данные будут автоматически сохранены в нашей базе данных.

Звучит круто, правда? Расскажу еще одну крутую реализацию. В нашем предыдущем проекте мы отображали данные статически, но теперь мы передавали данные на сервер, которые были получены внешним интерфейсом с помощью API.

Я знаю, вы можете подумать, как можно создать динамический веб-сайт всего за пять дней, но за последние два месяца мы изучили только это количество технологий, и я надеюсь, что вы действительно оцените, что мы создали этот клон с таким количеством ресурсы и время.

ПРОБЛЕМЫ, С КОТОРЫМИ МЫ СТОЛКНУЛИСЬ И КАК МЫ ИХ РЕШИЛИ

  • На этот раз Git не был проблемой, потому что мы привыкли ко всем командам. Но в этом проекте мы столкнулись с проблемами при развертывании Backend на Heroku, где нам помог наш IA Bicky Dutta.
  • Во внешнем интерфейсе мы используем стиль, который мы использовали в нашем предыдущем проекте, но мы использовали метод выборки, чтобы получить данные, чтобы сделать веб-сайт более динамичным. После получения ссылки на API команда внешнего интерфейса успешно вызвала созданные маршруты, и мы получили все сведения о нашем продукте из внутреннего интерфейса.
  • У нас есть ограниченное время в неделю, поэтому мы каким-то образом осветили важные части сайта, но пропустили некоторые категории.
  • После слияния наших кодов и решения конфликтов в тот момент было немного сложно, потому что мы очень близки к сроку. А в Backend это было действительно сложно из-за файлов и имени папки с шаблоном MVC.
  • И интерфейсный, и внутренний код были очень разными. Поэтому мы сделали два отдельных репозитория для внешнего и внутреннего интерфейса.

Наш подход

Мы создали группу в WhatsApp для общения, а для обсуждения и вопросов мы использовали зум-встречу с преимуществом в 40 минут. Мы в полной мере воспользовались этой удивительной технологией и проводили там друг с другом по 10–12 часов ежедневно. Я был так ошеломлен усилиями каждого.

Затем мы разделили задачи и страницы между собой и инициировали проект. Я и Шреяс работали над частью Backend в Uniqlo 2.0.

Помню, в день сдачи все было в беспорядке, надо разобрать и слить наши коды в основную ветку. Некоторые функции перестали работать, ключи и значения в локальном хранилище были другими, и мы чувствовали себя застрявшими в тот момент, но мы пытаемся разобрать все шаг за шагом, разбивая проблемы на подзадачи. Наконец-то мы поторопились отправить ссылки и видео до истечения крайнего срока, а затем, наконец, вздохнули с большим облегчением.

Пришло время фрагмента…

ЗАКЛЮЧИТЕЛЬНОЕ ПРИМЕЧАНИЕ

В заключение я хотел бы поблагодарить членов моей команды: Шреяса Хакала, Авинаша Кумара, Алока Кумара, Судханшу Кумара, Саураба Сумана за их поддержку и сотрудничество, а также самую большую благодарность Школе Масаи, всех моих наставников из MASAI. : Варун Бхатт, Шрути Равиндран, Чандра Секхар, Свананд Кадам, Нрупул Дев, Дхавал Чедда, Йогеш Бхат, Анкуш Чимани и Бики Датта.

В целом, это был замечательный опыт для меня и моих товарищей по команде. И мы с нетерпением ждем возможности столкнуться с гораздо большими проблемами, подобными этой, и мы приветствуем все отзывы и предложения.

Посетите наш веб-сайт :-

Ссылка на сайт: https://uniqlo-clone.netlify.app/

Технология, которую мы использовали 💻

Технический стек во внешнем интерфейсе:

  1. HTML5
  2. CSS3
  3. JavaScript

Технический стек в серверной части:

  1. Монго БД
  2. CSS3
  3. Узел JS
  4. Экспресс JS
  5. Коллекции БД
  6. Мангуста

Мы использовали следующие ресурсы для нашей помощи:

  1. https://developer.mozilla.org/en-US/
  2. https://www.w3schools.com/
  3. https://www.flaticon.com/
  4. https://codepen.io/pen/
  5. https://fontawesome.com/