https://github.com/mariangle/mern-booking-app
Full-stack web application using MERN and TailwindCSS
https://github.com/mariangle/mern-booking-app
mern-stack tailwindcss
Last synced: about 1 year ago
JSON representation
Full-stack web application using MERN and TailwindCSS
- Host: GitHub
- URL: https://github.com/mariangle/mern-booking-app
- Owner: mariangle
- Created: 2023-05-05T13:10:58.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-10T17:39:13.000Z (about 3 years ago)
- Last Synced: 2025-04-05T18:50:32.968Z (over 1 year ago)
- Topics: mern-stack, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 7.39 MB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# StudieBnb
StudieBnb is a functional booking application developed using the MERN stack and Tailwind CSS. Although my main focus was on functionality rather than UI design, I took the opportunity to learn and explore the capabilities of both MERN and Tailwind CSS. However, upon discovering Next.js and its new impressive features, I've decided to no longer work on the app. Instead, I will shift my focus on developing projects using Next.js.
# Technologies
* **M**ongoDB for the database management
* **E**xpress.js for handling server-side logic
* **R**eact for building the user interface
* **N**ode.js to enable server-side JavaScript execution
In addition to the MERN stack, the project also incorporates:
* **Tailwind CSS** for styling
* **useContext** for state management
# Key Features
* User authentication for secure login
* Listing and booking functionality for students to find and book accommodations
* Integration with MongoDB to store and retrieve data
* Utilization of useContext for state management
# Previews
---
**Book a Listing:**
https://github.com/mariangle/mern-booking-app/assets/124585244/97b1301a-3901-4890-82fb-f6d1efa28977
---
**Manage Listings:**
https://github.com/mariangle/mern-booking-app/assets/124585244/c9ad2ac8-3b9d-4414-b675-ccebd64148a6
# Conclusion
The StudyBnb project provided an opportunity to gain hands-on experience with the MERN stack, specifically focusing on MongoDB and server-side JavaScript. By building a booking application tailored for students, I was able to learn about user authentication, data storage, and retrieval using MongoDB, and the implementation of front-end components and state management with React and useContext. Through this project, I enhanced my skills in full-stack web development and gained valuable insights into building practical and functional applications.