Hi there I'm ANKIT YADAV a full stack developer with Reactjs, TypeScript, Nodejs, MongoDB
"Travel Nest " is a MERN stack hotel booking website where React with TypeScript is used for the frontend, Node.js for the backend, and MongoDB for the database.
-
Website Link :- https://travel-nest-webdevankit.vercel.app/
-
Admin Account :- [Email : - admin@gmail.com, Password:- admin@xyz]
Client: React, TypeScript, TailwindCSS
Server: Node, Express
Database: MongoDB, Mongoose
-
In this project i am using React with TypeScript, React Form Hook and React Query(TanStack Query).
-
Now days in React, React Hook Form simplifies form handling and validation , reducing boilerplate code.
-
React Query streamlines data fetching and caching, optimizing network requests. Together, they enhance development efficiency and improve application performance, providing a seamless user experience in React applications.
Clone the project
git clone https://github.com/webdevankit07/hotel-booking-app.gitGo to the project directory
cd hotel-booking-appGo to the Frontend directory
cd ./Client/Install Frontend dependencies
npm installStart the Frontend server
npm run devGo to the Backend directory
cd ./Backend/Install Backend dependencies
npm installStart the Backend server
npm run devTo run this project, you will need to add the following environment variables to your .env file
Frontend ENV:
VITE_API_BASE_SERVER_URL
VITE_STRIPE_PUB_KEY
Backend ENV:
NODE_ENV
FRONTEND_URL
DATABASE_URL
ACCESS_TOKEN_SECRET
REFRESH_TOKEN_SECRET
CLOUDINARY_CLOUD_NAME
CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET
STRIPE_API_KEY