https://github.com/developermonirbd/stayvista
Welcome to **StayVista**, a modern and user-friendly room rental platform designed to make hotel and property booking seamless for both guests and hosts. Inspired by Airbnb, StayVista provides a secure and intuitive interface to browse, book, list, and manage accommodations.
https://github.com/developermonirbd/stayvista
auth authorization expressjs firebase mongodb nodejs reactjs
Last synced: 5 days ago
JSON representation
Welcome to **StayVista**, a modern and user-friendly room rental platform designed to make hotel and property booking seamless for both guests and hosts. Inspired by Airbnb, StayVista provides a secure and intuitive interface to browse, book, list, and manage accommodations.
- Host: GitHub
- URL: https://github.com/developermonirbd/stayvista
- Owner: DeveloperMonirBD
- Created: 2026-02-03T08:07:49.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-05-10T07:07:39.000Z (29 days ago)
- Last Synced: 2026-05-10T09:15:55.157Z (29 days ago)
- Topics: auth, authorization, expressjs, firebase, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 159 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# stayVista-starter-template
- [Live Site](https://stayvista-live.web.app/)
### Important Links:
- [StayVista Part 1]()
- [StayVista Part 2]()
- [StayVista Part 3]()
- [StayVista Part 4 (Complete)]()
- [StayVista Resources](https://github.com/DeveloperMonirBD/stayVista-resources.git)
- [Project Requirement Doc](https://docs.google.com/document/d/1rzueKvZTinMb3XY7cuDNH0S0d_l8CflG1H95VUi2Dto/edit?usp=sharing)
## Topics Covered in each session:
**Part 1 (03/02/2026):**
- Introduction & Project overview.
- Starter Template Setup
- Setup MongoDB and upload fake json data in MongoDB.
- Setup server side & define get route for fetching all rooms data from db.
- Category Filter section in Homepage.
- TanStack Query Implementation.
- Room Details Page.
- react-date-range package implementation in Room Details Page.
- Registration Page & Functionality.
- Image upload using api (IMGBB).
- Login Page & Functionality.
**Part 2 ():**
- Dashboard Layout
- Add Room Page setup and functionality implement.
- My Listings Page setup and functionality implement.
- Save Registered users info in db.
- Become a host api request implement.
- Calendar issue fix in Room Details Page.
**Part 3 ():**
- useRole Hook.
- Profile Page.
- Manage Users Page.
- Sidebar modifications.
- Secure client and server routes.
- Become a host Button functionality.
- Booking modal and routes in dasboard.
**Part 4 ():**
- Payment system (Stripe).
- Email Sending (NodeMailer).
- Statistics Page in Dashboard.
- Update Room Functionality.
### Packages and api docs used in this project:
- [Stripe Website](https://stripe.com/)
- [Stripejs Github](https://github.com/stripe/react-stripe-js)
- [Stripejs Documentation](https://docs.stripe.com/payments/quickstart)
- [@stripe/react-stripe-js](https://www.npmjs.com/package/@stripe/react-stripe-js)
- [Resend Email](https://resend.com/home)
- [@headlessui/react](https://www.npmjs.com/package/@headlessui/react)
- [IMGBB Api](https://api.imgbb.com/)
- [@tanstack/react-query](https://www.npmjs.com/package/@tanstack/react-query)
- [axios](https://www.npmjs.com/package/axios)
- [date-fns](https://www.npmjs.com/package/date-fns)
- [query-string](https://www.npmjs.com/package/query-string)
- [react-date-range](https://www.npmjs.com/package/react-date-range)
- [react-helmet-async](https://www.npmjs.com/package/react-helmet-async)
- [react-hot-toast](https://www.npmjs.com/package/react-hot-toast)
- [react-icons](https://www.npmjs.com/package/react-icons)
- [react-router-dom](https://www.npmjs.com/package/react-router-dom)
- [react-spinners](https://www.npmjs.com/package/react-spinners)
- [@stripe/stripe-js](https://www.npmjs.com/package/@stripe/stripe-js)
- [firebase](https://www.npmjs.com/package/firebase)
- [react-google-charts](https://www.react-google-charts.com/examples/line-chart)