Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/meeruzairwashere/myroom.com
Find your perfect room with ease on MyRoom Browse, compare, and book accommodations hassle-free. Instant confirmations, secure payments, and 24/7 support make booking a breeze. Your ideal stay awaits!
https://github.com/meeruzairwashere/myroom.com
mern typescript
Last synced: about 1 month ago
JSON representation
Find your perfect room with ease on MyRoom Browse, compare, and book accommodations hassle-free. Instant confirmations, secure payments, and 24/7 support make booking a breeze. Your ideal stay awaits!
- Host: GitHub
- URL: https://github.com/meeruzairwashere/myroom.com
- Owner: MeerUzairWasHere
- Created: 2024-02-11T09:40:24.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-28T05:05:12.000Z (6 months ago)
- Last Synced: 2024-06-28T11:21:22.232Z (6 months ago)
- Topics: mern, typescript
- Language: TypeScript
- Homepage: https://myroom-com.onrender.com/
- Size: 973 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to myroom.com!
Find your perfect room with ease on MyRoom Browse. Our platform allows you to browse, compare, and book accommodations hassle-free. With instant confirmations, secure payments, and 24/7 support, booking a room has never been easier. Your ideal stay awaits!
Key Features:
- Browse a wide selection of accommodations
- Compare prices, amenities, and reviews
- Book securely with instant confirmations
- 24/7 customer support for any assistance needed# Setting Up the MERN Booking App
This guide will walk you through the process of setting up the MERN Booking App on your local machine.
## Prerequisites
Before you begin, ensure you have Node.js installed on your system.
## Cloning the Repository
Start by cloning the repository to your local machine:
```bash
git clone https://github.com/MeerUzairWasHere/myroom.com.git
cd myroom.com
```## Backend Configuration
1. **Environment Files**: Navigate to the `backend` folder and create two files: `.env` and `.env.e2e`. Add the following contents to both files:
```plaintext
MONGODB_CONNECTION_STRING=JWT_SECRET_KEY=
FRONTEND_URL=# Cloudinary Variables
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=# Stripe
STRIPE_API_KEY=
```2. **MongoDB Setup**:
- Sign up for an account at [MongoDB Atlas](https://www.mongodb.com/cloud/atlas).
- Create a new cluster and follow the instructions to set up a new database.
- Once set up, obtain your MongoDB connection string and add it to the `MONGODB_CONNECTION_STRING` variable in your `.env` files.
- For the `.env.e2e` setup see "running automated tests" below3. **Cloudinary Setup**:
- Create an account at [Cloudinary](https://cloudinary.com/).
- Navigate to your dashboard to find your cloud name, API key, and API secret.
- Add these details to the respective `CLOUDINARY_*` variables in your `.env` files.4. **Stripe Setup**:
- Sign up for a Stripe account at [Stripe](https://stripe.com/).
- Find your API keys in the Stripe dashboard.
- Add your Stripe API key to the `STRIPE_API_KEY` variable in your `.env` files.
5. **JWT_SECRET_KEY**:
- This just needs to be any long, random string. You can google "secret key generator".7. **Frontend URL**:
- The `FRONTEND_URL` should point to the URL where your frontend application is running (typically `http://localhost:3000` if you're running it locally).
## Frontend Configuration
1. **Environment Files**: Navigate to the `frontend` folder and create a file: `.env`:
```plaintext
VITE_API_BASE_URL=
VITE_STRIPE_PUB_KEY=
```5. **VITE_API_BASE_URLL**:
- The `VITE_API_BASE_URL` should point to the URL where your backend application is running (typically `http://localhost:7000` if you're running it locally).## Running the Application
1. **Backend**:
- Navigate to the `backend` directory.
- Install dependencies: `npm install`.
- Start the server: `npm start`.2. **Frontend**:
- Open a new terminal and navigate to the `frontend` directory.
- Install dependencies: `npm install`.
- Start the frontend application: `npm run dev`.
- The application should now be running on `http://localhost:5173` but verify this in your command line terminal