Condo Rentals

Condo Rentals is a real estate listing marketplace for short let and long term homestay experiences inspired by Airbnb.

Condo Rentals projects a community built on a sharing economy. It is an online platform that allows property owners to list their place as holiday accommodation and allows travellers to find a place to stay while they are away from home.

On the website, homeowners can create a listing for their property and that listing will include a written description, photos and a list of amenities, as well as information about the local area.

Travellers can use filters to search for holiday accommodation that’s right for them – such as the number of bedrooms, location and price.

Condo Rentals is based on trust. It establishes this trust by asking both guests and hosts to review each other. This creates a rating system for all listings and ensures that, in most cases, everyone has a good experience.

Condo Rentals is a modern responsive simple property listing platform suitable for use by real estate agencies and independent realtors. With this project, you can easily create a property listing website. Some of the features built into this project include:

• Property listing
• Advanced search and filters
• Categorization
• Advanced calendar booking
• Property reservation
• User authentication
• Social login
• Interactive modals
• Multi step smart forms
• Cloudinary multi-file upload

This project was developed using React, NextJS, TypeScript, Tailwind CSS, Prisma, MongoDB, Leaflet, Cloudinary, Axios, NPM, Autoprefixer, PostCSS and HTML5.

Screenshots

Links

• Demo: https://condo-rentals.vercel.app/

Tech Stack

Helpful Resources

• REACT: The library for web and native user interfaces.
• NEXTJS: The React Framework for the Web
• TYPESCRIPT: A strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
• TAILWIND CSS: A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
• PPRISMA: Next-generation Node.js and TypeScript ORM.
• MONGO DB: A cross-platform document-oriented database program.
• LEAFLET JS: An open-source JavaScript library for mobile-friendly interactive maps.
• HTML5:
  • MDN: Mozilla Developer Network - HTML (HyperText Markup Language)
  • W3SCHOOL: HTML Introduction
• CSS3:
  • MDN: Mozilla Developer Network - CSS (Cascading Style Sheets)
  • W3SCHOOL: CSS Introduction
• JAVASCRIPT:
  • MDN: Mozilla Developer Network - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions
  • W3SCHOOL: JavaScript Introduction
• AXIOS: A promise based HTTP client for the browser and node.js
• NPM: A package manager for the JavaScript programming language.
• MUGSHOTBOT: Automatic beautiful link previews

Acknowledgement

• Airbnb: A community built for belonging

Author's Links

• Portfolio - @SammyLeths
• Linkedin - @SammyLeths
• Twitter - @SammyLeths
• Buy me a Coffee - @SammyLeths

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font 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 - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.