Giter Club home page Giter Club logo

rejaulkariim / house-hunter-client Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 355 KB

House Hunter is a user-friendly platform that simplifies the house rental process by connecting house owners with potential renters. Leveraging the power of Node.js, React.js, and MongoDB, the platform offers an intuitive interface where owners can effortlessly list their properties, and renters can easily find their dream homes.

Home Page: https://house-hunter-pro.vercel.app

JavaScript 98.55% HTML 0.71% CSS 0.73%
react reactrouter6 tailwind-css

house-hunter-client's Introduction

House Hunter - Simplifying House Rentals

House Hunter is a delightful platform built using Node.js, React.js, and MongoDB, designed to simplify the house rental process. It serves as a bridge between house owners and house renters, making it easy for owners to list their properties and for renters to find their dream homes.

Features

  1. User Registration and Authentication

    • Users can register with their full name, role (House Owner or House Renter), phone number, email, and password.
    • Custom authentication using JSON Web Tokens (JWT) and MongoDB to handle user registration and login.
  2. House Owner Dashboard

    • House Owners have access to a dashboard to manage their listed houses and bookings.
    • Owners can view a list of houses they own and add new houses by providing detailed information.
    • The "Add New House" button opens a form/modal for adding house information.
    • The dashboard displays the owned houses in a table with options to delete or edit each house.
  3. House Renter Dashboard

    • House Renters have their unique dashboard to manage their bookings.
    • Renters can book houses by providing their name, email, and phone number.
    • The dashboard shows booked houses, allowing renters to view their current bookings.
    • House renters can book a maximum of two houses and can remove booked houses to free up space for new bookings.
  4. Home Page and House Search

    • The home page displays all the listed houses.
    • Anyone can search for houses, but only logged-in House Renters can book houses.
    • Users can filter houses by city, bedrooms, bathrooms, room size, availability, and rent per month (using a range selector).
    • Server-side pagination/infinite scroll is implemented to fetch data in batches.

Tools and Technologies

  • Node.js
  • React.js
  • MongoDB

Installation

  1. Clone the repository.
  2. Install the required dependencies using npm install.
  3. Set up the MongoDB database and provide the connection details in the configuration file.

How to Run

  1. Run the backend server using npm run start in the backend directory.
  2. Run the frontend using npm run start in the frontend directory.
  3. Access the application in your browser at http://localhost:3000.

Conclusion

House Hunter simplifies the house rental process by providing a user-friendly platform for house owners and renters. With features like user registration, custom authentication, owner and renter dashboards, and house search functionality, finding and booking rental houses has never been easier. The powerful combination of Node.js, React.js, and MongoDB ensures a seamless and efficient experience for all users.

house-hunter-client's People

Contributors

rejaulkariim avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

digeriuz77

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.