HomeFinder

a Website where user can rent and sale their houses.

About HomeFinder

• The Website enables users to effortlessly list their houses for rent or sale, providing a seamless experience for property owners to showcase their properties to potential tenants or buyers.
• Users have the ability to enter comprehensive details about their house, including location,room configuration ,property type, Parking facilities, rental or sale price, and offer price (optional). Additionally, users can upload high-resolution images to captivate the attention of interested parties.
• To ensure a dynamic and up-to-date property marketplace, User Can see latest offers Listed houses for Rent /Sale.

Screenshot

Desktop-view

Mobile-view

Links

• Live Site URL: Click Here

Built with

• React - JS library
• Tailwind CSS - CSS framework
• Firebase for Backend Database
• Swiper.js for slider
• Framer Motion for animation
• react-router-dom
• react-toastify for alerts
• react-icons
• Mobile-first workflow

Features

• Where user can see latest listed houses for offer prices/rent /sale, By clicking on any user can see detailed information about listing and having slider which autoplays.
• User can login using Google gmail account or test credentails (using firebase Authentication).
• If user forgot password , Can change passoword using reset Link.
• Profile Page, User can edit Name of the Account.
• Implemented Dark mode using Tailwind css in built classes.
• Added Responsiveness for nearly all devices from 350px onwards 🎉
• Loaders & Alerts: Loaders are added when products are fetching, React Toastify is used for alerts message
• Note:- 'Public Page'- Opens without Authentication, 'Private Page' - Opens only if user is Authenticated otherwise opens sign in Page.

Installation

To run this application locally, you'll need to have Node.js and npm installed on your machine.

Run Locally

Clone the project

  git clone https://github.com/your-username/HomeFinder.git

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

  Open the application in your browser at http://localhost:3000.

Issues & Suggestions

• If you face any issues while using the app, then you can surely raise issue on this repo.

• You can also give your valuable suggestions/ feedback to improve this project via Linkedin DM.