Создание клона веб-сайта Groww.
- Описание
Этот проект включает в себя торговую платформу, где пользователь может найти информацию о различных компаниях, которые зачислены на национальные
фондовой бирже и найти подробную информацию о компаниях, предоставляющих IPO. С этой платформы пользователи могут инвестировать в несколько акций и взаимных фондов.
Здравствуйте, возможно, вы видели веб-сайт Groww, где инвесторы могут торговать и инвестировать в акции и взаимные фонды.
Двигаясь вперед, команда Groww из школы масаи разработала клон веб-сайта Groww в течение недели в рамках нашей учебной программы.
Этот блог посвящен нашему путешествию и проблемам, с которыми мы столкнулись при создании проекта.
Какова была наша постановка проблемы и как я к ней подошел: -
Итак, у нас была постановка задачи, что мы должны создать клон веб-сайта под названием www.groww.in. Кроме того, для внешнего интерфейса мы использовали HTML, CSS и расширенный JavaScript, а для внутреннего интерфейса мы использовали Mongo Altas, Express и NodeJs. В нашей группе было 5 человек.
Некоторые снимки нашего проекта, которые мы сделали: -
мы только что добавили скриншоты.
- Целевая страница: -
Это целевая страница, когда пользователь заходит на веб-сайт в первый раз, когда эта страница отображается.
- Страница регистрации: -
-Продукты:-
Как мы разделили работу в нашей команде: -
Поскольку в нашей команде было пять человек, было очень важно решить, как мы будем подходить к работе, чтобы
в дальнейшем у нас не должно возникнуть проблем со слиянием кода, а так же задачи разбиваются на равные
частей. Итак, в первый день, как руководитель группы, я сделал git-репозиторий, и всем было сказано сделать свои отдельные
git, клонируя репозиторий и отправляя туда свою работу, когда они чувствуют, что завершили ее. Они могут показать
его одному из членов (руководителю группы), и после утверждения они могут объединить свой код с основной веткой. В основном я
отвечает за то, чтобы страница продукта, панель навигации и часть скрипта были одинаковыми на всех страницах.
А другие члены моей команды отвечали за страницу входа, целевую страницу и страницу корзины и улучшали внешний вид страницы.
Результат и важные выводы из проекта:
Весь этот путь создания проекта был потрясающим. Мы многому научились, подав заявку на настоящий сайт и
это вселило в нас большую уверенность. Хотя мы могли бы сделать больше, например, добавить таймер и некоторые
больше функций, которые можно было бы сделать, да время не позволяло нам идти дальше. Но мы обязательно его улучшим
Используемая технология:
HTML
Используется для построения базовой структуры клонированного сайта. Все заголовки, абзацы, ссылки, формы и т. д. были структурированы с помощью HTML.
CSS
Используется для добавления стиля к нашей структуре. Фоновые изображения использовались для идентичности сайта. А также блоки Grid и Flex.
использовались вместе с медиа-запросами, чтобы сделать страницы полностью отзывчивыми.
Javascript
Используется для добавления на страницу логических функций, таких как вход в систему и корзины регистрации функций Onscroll.
и расчет цен, анимация, а также сделать динамический аспект веб-сайта.
Монго Атлас
MongoDB Atlas — облачный сервис от MongoDB.
выражать
Express — это быстрая, напористая, необходимая и умеренная веб-инфраструктура Node.js.
Примечание:
Все ссылки на изображения и значки взяты с основного веб-сайта (www.Groww.in) и некоторых других интернет-источников.
и может быть объектом авторского права. Поэтому старайтесь не использовать изображения или значки в коммерческих целях или воспроизводить их без
предварительное согласование с владельцем. Изображения и значки, используемые здесь, предназначены только для создания этого проекта и в учебных целях.