О проекте

В этом путешествии по обучению в школе масаи я и члены моей команды Альбарт Хосе, Салман Шейх и Акиф Патель создали еще один веб-сайт-клон 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. Мы смогли довести поток веб-сайта до конца на основе дизайна. Мы хотим поблагодарить команду дизайнеров, которая помогала нам на протяжении всего проекта.

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

Команда разработчиков

Команда дизайнеров