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

Hotel booking with TypeScript & React & TailwindCss ⛺ ✈️
https://github.com/masoumehmohebbi/typescript-react-hotel-booking-app

hotel-booking hotel-booking-website pnpm react-router-dom react-router-v6 reactjs single-page-application spa tailwindcss typescript

Last synced: 3 months ago
JSON representation

Hotel booking with TypeScript & React & TailwindCss ⛺ ✈️

• Host: GitHub
• URL: https://github.com/masoumehmohebbi/typescript-react-hotel-booking-app
• Owner: masoumehmohebbi
• Created: 2023-10-27T07:31:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-17T17:03:52.000Z (about 1 year ago)
• Last Synced: 2024-05-15T15:30:34.189Z (9 months ago)
• Topics: hotel-booking, hotel-booking-website, pnpm, react-router-dom, react-router-v6, reactjs, single-page-application, spa, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://masoumehmohebbi.github.io/typescript-react-hotel-booking-app/
• Size: 20.8 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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](#typescript-react-hotel-booking-app)