https://github.com/maximoortelli/full-stack-rental
https://github.com/maximoortelli/full-stack-rental
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/maximoortelli/full-stack-rental
- Owner: maximoortelli
- License: mit
- Created: 2024-03-01T20:37:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-04T17:31:16.000Z (about 2 years ago)
- Last Synced: 2025-02-07T20:49:50.854Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://full-stack-rental.vercel.app
- Size: 4.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🏘🏙 Full Stack Airbnb 🏙🏘
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [🏘🏙 Full Stack Airbnb](#-full-stack-airbnb)
- [✅ Deployment](#-deployment)
- [🛠 Built With](#-built-with)
- [Tech Stack](#tech-stack)
- [💻 Getting Started](#-getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [💾 Database](#-database)
- [Usage](#usage)
- [Run tests](#run-tests)
- [📊 Kanban Board](#-kanban-board)
- [👥 Authors](#-authors)
- [🔭 Future Features](#-future-features)
- [🤝 Contributing](#-contributing)
- [⭐️ Show your support](#️-show-your-support)
- [🙏 Acknowledgments](#-acknowledgments)
- [📝 License](#-license)
> In this new project I have made a site to reserve or rent houses or apartments identical to Airbnb, taking advantage of key technologies such as JavaScript, TypeScript, React, Node Next.js, NextAuth, Tailwind.css, MongoDB and Express.
# 💻✅ Deployment
Click here to see the deployment
# 🛠 Built With
# Tech Stack
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
> Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
> You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
> This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
# Learn More
> To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
> You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
> Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
# Kanban board
- [Kanban board Project link](https://github.com/users/maximoortelli/projects/9)
# Complete State of Kanban board
👤 **Maximo Ortelli**
- 💻GitHub: [@Maximo Ortelli](https://github.com/maximoortelli)
- 💻LinkedIn: [Maximo Ortelli](https://www.linkedin.com/in/maximo-ortelli-rueda/)
- [x] Tailwind design
- [x] Tailwind animations and effects
- [x] Full responsiveness
- [x] Credential authentication
- [x] Google authentication
- [x] Github authentication
- [x] Image upload using Cloudinary CDN
- [x] Client form validation and handling using react-hook-form
- [x] Server error handling using react-toast
- [x] Calendars with react-date-range
- [x] Page loading state
- [x] Page empty state
- [x] Booking / Reservation system
- [x] Guest reservation cancellation
- [x] Owner reservation cancellation
- [x] Creation and deletion of properties
- [x] Pricing calculation
- [x] Advanced search algorithm by category, date range, map location, number of guests, rooms and bathrooms
- For example we will filter out properties that have a reservation in your desired date range to travel
- [x] Favorites system
- [x] Shareable URL filters
- Lets say you select a category, location and date range, you will be able to share URL with a logged out friend in another browser and they will see the same results
- [x] How to write POST and DELETE routes in route handlers (app/api)
- [x] How to fetch data in server react components by directly accessing database (WITHOUT API! like Magic!)
- [x] How to handle files like error.tsx and loading.tsx which are new Next 13 templating files to unify loading and error handling
- [x] How to handle relations between Server and Child components!
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/maximoortelli/Full-Stack-Rental/issues).
If you like this project please give it a star 😁🌟✨
We thank to [Airbnb](https://www.airbnb.com.ar/) for the design.
This project is [MIT](./LICENSE) licensed.
