Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sammyleths/condo-rentals

Condo Rentals is a real estate listing marketplace for short let and long term homestay experiences inspired by Airbnb. Developed using React, NextJS, TypeScript, Tailwind CSS, Prisma, MongoDB, Leaflet, Cloudinary, Axios, NPM, Autoprefixer, PostCSS and HTML5.
https://github.com/sammyleths/condo-rentals

axios cloudinary frontend-development javascript leafletjs mongodb next nextjs npm prisma react reactjs tailwind tailwindcss typescript typescript-react

Last synced: 2 months ago
JSON representation

Condo Rentals is a real estate listing marketplace for short let and long term homestay experiences inspired by Airbnb. Developed using React, NextJS, TypeScript, Tailwind CSS, Prisma, MongoDB, Leaflet, Cloudinary, Axios, NPM, Autoprefixer, PostCSS and HTML5.

Awesome Lists containing this project

README

        

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

![proj10-condo-rentals](https://github.com/SammyLeths/condo-rentals/assets/64320618/0c100412-9bf6-4714-8e8a-905ccd6ed267)

Links

Tech Stack


REACT JS
NEXT JS
TYPESCRIPT
TAILWIND CSS
PRISMA
MONGO DB
LEAFLET
AXIOS
NPM
HTML
CSS3
SASS
JAVASCRIPT

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




This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm 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.tsx`. 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!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.