Команда акул
Вот как выглядит наша домашняя страница
Привет, читатель, мы ученики школы Масаи. В этом блоге мы поделимся нашим опытом, связанным с нашим проектом недели строительства. В этом проекте мы сделали клон британского сайта Gymshark.com.
Члены команды Sharks-
- Аникет Пиланкар
- Ритеш Ядав
- Дипак Танге
- Абхишек Чоудхари
- Авинаш Кумар
- Сакши Рай
Как мы начали?
После работы с группой из 4 человек в Unit-2 работа с новыми 6 участниками группы была совершенно новым опытом. С первого и до последнего дня группы все участники старались изо всех сил. Первое, что мы сделали, — решили общаться друг с другом через приложение WhatsApp и Slack. Был определен поток веб-сайта, затем страница веб-сайта была разделена между каждым участником, чтобы завершить веб-сайт как можно скорее до истечения срока.
Фон.
В модуле-1 мы узнали об основах Javascript и начали с некоторых проблем с DSA. В модуле 2 мы изучили HTML, CSS, DOM и некоторые концепции DSA, такие как два указателя, скользящее окно, стеки, пузырьковая сортировка, сортировка выбором и т. д. В модуле 3 преподавалась самая важная тема продвинутого Javascript, а на стороне DSA мы изучали очереди, рекурсию, поиск с возвратом, слияние и алгоритмы быстрой сортировки. Итак, из того, что мы узнали, мы создали динамический веб-сайт с помощью DOM, импорта-экспорта, создали нашу собственную базу данных и сделали вызов API для извлечения сохраненных данных и добавления их к страницам. Срок подачи проекта 6 дней.
Для создания нашего сайта мы используем следующие вещи:
- HTML
- CSS
- Продвинутые Javascripts
- Импорт Экспорт
- Создали собственную базу данных с помощью модулей Npm (JSON-сервер)
- Локальное хранилище
Проблемы
- Слияние конфликтных ситуаций при слиянии с основной веткой
- Читать чужой код и вносить в него изменения
- Точное клонирование сайта с точностью до пикселя
- Ненормальное поведение некоторых частей нашего веб-сайта при связывании страниц друг с другом.
- Недопонимание между участниками
Дневной поток
- День 1 – мы начали работать над главной страницей, страницей регистрации и входа.
- День 2- Страница регистрации и входа в систему завершена, верхний и нижний колонтитулы обоих компонентов завершены.
- День 3 –страница указателя завершена. Мы создали нашу собственную базу данных для получения продукта и создали внешнюю страницу администратора для добавления данных в базу данных, а также предоставили функцию удаления для удаления определенных данных из базы данных с помощью идентификатора.
- День 4- Начал работать над разделом страницы для женщин, разделом для мужчин, разделом поиска, разделом оплаты, страницей адреса, страницей подтверждения OTP. Страница одного продукта (т.е. внутренняя страница) и страница категории были завершены.
- День 5. Все вышеперечисленные страницы веб-сайта были заполнены и связаны друг с другом. Код был размещен на Github.
- День 6 –доработайте код проекта, файл Readme, видео-презентацию и эту запись в блоге.
Роли и обязанности членов команды:
- Ritesh — главная страница, страница оплаты, внутренняя страница (страница одного продукта), компоненты заголовка (панели навигации) и нижнего колонтитула, файл Readme.
- Aniket — страница входа, страница регистрации, страница категории, создание базы данных с сервера npm JSON, страница администратора.
- Dipak — страница корзины, функции Javascript, помощь в создании базы данных.
- Сакши — Создан раздел женской страницы, презентация Ppt.
- Абхишек — создал страницу поиска и добавил к ней дополнительные функции.
6. Авинаш-Создал раздел мужских страниц, помог с функциями Javascript.
Ресурсы
- https://developer.mozilla.org/en-US/
- https://fonts.google.com/
- https://fontawesome.com/
- https://www.npmjs.com/package/json-сервер
- YouTube
Подробности Git Hub-
- Ссылка на проект — ссылка (проект Gymshark)
- Аникет Пиланкар: @Aniket-Pilankar
- Ритеш Ядав: @ritesh-2124
- Дипак Танге: @deep1296
- Авинаш Кумар:@avinash70008
- Сакши Рай: @Saarah123
- Абхишек Чоудхари: @abhich21
Спасибо за чтение