Skip to content

masoumehmohebbi/typescript-react-hotel-booking-app

Repository files navigation

typescript-react-hotel-booking-app 🏩🌍

Hotel Booking App, based on TailwindCss library, ReactJs And Json-server.This App was very challenging and had many complications for me. Because I used it with several libraries like "react-date-range", "react-leaflet", "react-country-flag"; that I had never worked with them before.

The packages that i used:

  • react-leaflet
  • swiper
  • tailwind-scrollbar
  • react-date-range
  • date-fns
  • axios
  • json server
  • react-country-flag
  • ...


Dark_Mode



What I learned in this project:

  • How to online the json-server-data in "render.com"
  • How to work with react-country-flag library and show the related dynamic markup on it
  • How authentication user in the app

Development setup

1. First, you need to clone the project:

git clone https://github.com/masoumehmohebbi/typescript-react-hotel-booking-app

2. Then, install required packages:

pnpm i

3. Finally, run the dev script to start the dev server:

pnpm run dev



🔼 Back to top