Команда акул

Вот как выглядит наша домашняя страница

Привет, читатель, мы ученики школы Масаи. В этом блоге мы поделимся нашим опытом, связанным с нашим проектом недели строительства. В этом проекте мы сделали клон британского сайта Gymshark.com.

Члены команды Sharks-

  • Аникет Пиланкар
  • Ритеш Ядав
  • Дипак Танге
  • Абхишек Чоудхари
  • Авинаш Кумар
  • Сакши Рай

Как мы начали?

После работы с группой из 4 человек в Unit-2 работа с новыми 6 участниками группы была совершенно новым опытом. С первого и до последнего дня группы все участники старались изо всех сил. Первое, что мы сделали, — решили общаться друг с другом через приложение WhatsApp и Slack. Был определен поток веб-сайта, затем страница веб-сайта была разделена между каждым участником, чтобы завершить веб-сайт как можно скорее до истечения срока.

Фон.

В модуле-1 мы узнали об основах Javascript и начали с некоторых проблем с DSA. В модуле 2 мы изучили HTML, CSS, DOM и некоторые концепции DSA, такие как два указателя, скользящее окно, стеки, пузырьковая сортировка, сортировка выбором и т. д. В модуле 3 преподавалась самая важная тема продвинутого Javascript, а на стороне DSA мы изучали очереди, рекурсию, поиск с возвратом, слияние и алгоритмы быстрой сортировки. Итак, из того, что мы узнали, мы создали динамический веб-сайт с помощью DOM, импорта-экспорта, создали нашу собственную базу данных и сделали вызов API для извлечения сохраненных данных и добавления их к страницам. Срок подачи проекта 6 дней.

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

  1. HTML
  2. CSS
  3. Продвинутые Javascripts
  4. Импорт Экспорт
  5. Создали собственную базу данных с помощью модулей Npm (JSON-сервер)
  6. Локальное хранилище

Проблемы

  1. Слияние конфликтных ситуаций при слиянии с основной веткой
  2. Читать чужой код и вносить в него изменения
  3. Точное клонирование сайта с точностью до пикселя
  4. Ненормальное поведение некоторых частей нашего веб-сайта при связывании страниц друг с другом.
  5. Недопонимание между участниками

Дневной поток

  1. День 1 – мы начали работать над главной страницей, страницей регистрации и входа.
  2. День 2- Страница регистрации и входа в систему завершена, верхний и нижний колонтитулы обоих компонентов завершены.
  3. День 3 –страница указателя завершена. Мы создали нашу собственную базу данных для получения продукта и создали внешнюю страницу администратора для добавления данных в базу данных, а также предоставили функцию удаления для удаления определенных данных из базы данных с помощью идентификатора.
  4. День 4- Начал работать над разделом страницы для женщин, разделом для мужчин, разделом поиска, разделом оплаты, страницей адреса, страницей подтверждения OTP. Страница одного продукта (т.е. внутренняя страница) и страница категории были завершены.
  5. День 5.  Все вышеперечисленные страницы веб-сайта были заполнены и связаны друг с другом. Код был размещен на Github.
  6. День 6 –доработайте код проекта, файл Readme, видео-презентацию и эту запись в блоге.

Роли и обязанности членов команды:

  1. Ritesh — главная страница, страница оплаты, внутренняя страница (страница одного продукта), компоненты заголовка (панели навигации) и нижнего колонтитула, файл Readme.
  2. Aniket — страница входа, страница регистрации, страница категории, создание базы данных с сервера npm JSON, страница администратора.
  3. Dipak — страница корзины, функции Javascript, помощь в создании базы данных.
  4. Сакши — Создан раздел женской страницы, презентация Ppt.
  5. Абхишек — создал страницу поиска и добавил к ней дополнительные функции.

6. Авинаш-Создал раздел мужских страниц, помог с функциями Javascript.

Ресурсы

  1. https://developer.mozilla.org/en-US/
  2. https://fonts.google.com/
  3. https://fontawesome.com/
  4. https://www.npmjs.com/package/json-сервер
  5. YouTube

Подробности Git Hub-

Спасибо за чтение