- Head to the search bar and click on "Group Planning" to access the group planning section on the website.
- Fill in your details and invite your closest friends to join in on the fun.
- Once you've finished inviting your friends, click "Next Page" to select your vacation spot. You will pick the spot nce you press the blue reserve button. Windbnb currently offers three amazing locations to choose from: Atlanta, Florida, New Orleans, and California.
- Want to update your trip details? No problem. Navigate to the "Active Trips" section on the navigation bar, choose your desired trip, and click on the three circles on the top right-hand corner of the card to edit your information.
- Need to cancel your trip? Simply click on the delete button on your active trip card and voila! Your trip is canceled.
With Windbnb, planning your dream vacation has never been easier.
My app, which is the final project as a Per Scholas software engineering apprentice, is a React app that utilizes the MERN stack. Based off of the popular accommodation booking app Airbnb, my app incorporates a unique feature that allows friends to plan together. Using mongoose models and Express for the backend, my website offers a seamless and user-friendly experience for users to book accommodations and plan trips with their friends.
- Mongo DB
- Express
- React
- Node.js
- Clone the repository: Open your terminal and navigate to the directory where you want to store the repository. Then, use the "git clone" command followed by the repository's URL to create a local copy of the repository on your computer.
- Install dependencies: If the repository you cloned has any dependencies, you need to install them before running the code. Navigate to the project directory and run "npm install"
- Set up environment variables: If the project requires any environment variables to run, you need to set them up. Create a file named ".env" in the root directory of the project and add the required variables with their values.
- Run the server: Navigate to the project directory and run the command to start the server. The command can vary "node server.js" (doing this make sure you run "npm run build" if you made an edit before "node server.js") or "npm run dev" to see edits as you make them
- Access the project in the browser: Once the server is running, you can access the project in your browser by entering the URL "localhost:port" where "port" is the port number that the server is listening on. The port number is usually specified in the project's configuration file. if you do the command "npm run dev" it will automatically run the the project in the browser.
No issues so far.
In later iterations of this app, emailing invitations to friends to edit or propose a different trip will be implemented.