О проекте
В этом путешествии по обучению в школе масаи я и члены моей команды Альбарт Хосе, Салман Шейх и Акиф Патель создали еще один веб-сайт-клон OYO Rooms. При создании этого клона мы получили дизайн UI/UX, созданный на Figma, от команды дизайнеров Design Shift — Supriya Monika Soreng & Soumik Mandal, и наша команда разработчиков создала похожий веб-сайт.
Как мы построили
- Сначала создал приложение для реагирования, используя
create-react-app
. - Следовал проектам Figma для создания компонентов.
- Использовал все компоненты для создания одностраничного реагирующего приложения.
- Назначил им разные маршруты, чтобы сделать сквозной рабочий процесс.
- Наконец-то мы развернули его в приложении Vercel.
Используемая технология
- Реагировать
- JavaScript
- Пользовательский интерфейс материала
- Стилизованные компоненты
- Версель
Используемые инструменты
- Фигма
- Код ВС
- Инструменты разработчика React
Используемые библиотеки и пакеты
- Пользовательский интерфейс материала
- Реагировать на выбор даты рейса Google
- Гугл шрифты
- Стилизованные компоненты
- Reactjs Stickynav
- Реагировать маршрутизатор DOM
Запустите в вашей локальной системе
Доступ сюда напрямую:
Откройте его на рабочем столе для лучшего опыта
https://oyorooms-react-clone-dvanshukumawat.vercel.app/
Или запустите локально в вашей системе:
Клонировать проект
git clone <https://github.com/AlbartJose/oyo_rooms.git
Перейдите в папку oyo-rooms-react-clone
Установить npm-пакеты
npm install
or yarn install
Запустить сервер
npm start
or yarn start
Посмотреть в браузере
go to <http://localhost:3000/
Скриншоты
Вывод
Мы построили его за 6 дней. Это был наш первый проект React, а также наш первый опыт работы с Figma. Мы смогли довести поток веб-сайта до конца на основе дизайна. Мы хотим поблагодарить команду дизайнеров, которая помогала нам на протяжении всего проекта.
Члены команды
Команда разработчиков
- Акиф Патель: https://github.com/akifpatel8
- Альбарт Хосе: https://github.com/AlbartJose
- Дэваншу Кумават: https://github.com/dvanshukumawat
- Салман Шейх: https://github.com/salman-nj2
Команда дизайнеров
- Суприя Моника Соренг: https://www.behance.net/supriyasoreng
- Сумик Мандал: https://www.behance.net/soumikmandal