Welcome to the Full Stack Booking App project built from scratch using the MERN stack (MongoDB, Express, React, Node.js). This application allows users to browse and book accommodations, manage their bookings, and create new listings seamlessly.
-
Homepage:
- Display all available places to book.
- Clickable listings that reveal detailed information about each place, including:
- Title
- Link to Google Maps
- Photos gallery with a modal view for an enhanced browsing experience.
-
Place Page:
- Description and detailed information on the left side.
- Booking functionality using date pickers.
- Additional information and perks about each accommodation.
-
User Authentication:
- User login and registration functionality.
-
User Account Management:
- View and manage bookings.
- Access previous bookings with detailed information and photos.
-
Accommodation Management:
- Create, edit, and delete listings.
- Update listing details such as:
- Title
- Address
- Photos (upload from computer or via link)
- Description
- Perks
- Pricing
- Check-in and check-out times
This project is built using the following technologies:
- Frontend: React
- Backend: Node.js with Express
- Database: MongoDB
Follow these steps to set up the project locally:
-
Fork the repository:
- Click the "Fork" button at the top right of this repository's page.
-
Clone the repository:
git clone <repository-url> cd <repository-directory>
-
Install dependencies for the backend: Navigate to the backend directory and install dependencies:
cd api npm install -
Install dependencies for the frontend: Navigate to the frontend directory and install dependencies:
cd client npm install -
Set up the database: Make sure you have MongoDB running and update the database connection string in the backend configuration.
-
Run the application:
-
Start the backend server:
cd api nodemon index.js -
Start the frontend development server:
cd client npm run dev