/house-hub

Primary LanguageJavaScript

HouseHub

Welcome to HouseHub, the ultimate real estate platform that allows users to find, list, and manage properties seamlessly. Visit the live site here.

Table of Contents

Introduction

HouseHub is designed to simplify the process of buying, selling, and renting properties. Whether you're a realtor looking to manage your listings or a buyer searching for your dream home, HouseHub provides all the tools you need in one place.

Features

  • User Authentication: Secure user authentication using email and password as well as third-party providers like Google and GitHub.
  • Real-time Data: Seamless data handling with MongoDB and Supabase, ensuring real-time updates and synchronization.
  • Responsive Design: Fully responsive design, ensuring a great user experience on both desktop and mobile devices.
  • User Dashboard: A comprehensive dashboard for users to manage their listings, view inquiries, and update their profiles.
  • Advanced Search: Powerful search and filter options to help users find exactly what they're looking for.

Technologies Used

HouseHub is built using the following technologies:

  • Next.js: A powerful React framework that provides server-side rendering and static site generation for optimal performance.
  • MongoDB: A NoSQL database for fast and scalable data management.
  • Supabase: An open-source alternative to Firebase for handling real-time data with PostgreSQL.
  • NextAuth.js: Secure authentication library for handling various authentication methods including credentials, Google, and GitHub.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • React Hot Toast: For elegant notification messages.
  • Vercel: Deployment platform for hosting the application with ease.
  • AOS (Animate On Scroll): For beautiful scroll animations.
  • Axios: For handling HTTP requests.
  • bcryptjs: For secure password hashing.
  • React Dropzone: For file uploads.
  • React Icons: For using icons in the app.
  • React Image Gallery: For displaying image galleries.
  • React Loading Skeleton: For loading skeletons.
  • React Simple Typewriter: For typewriter effects.

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

  • Node.js and npm installed on your machine.
  • MongoDB instance (local or cloud).
  • Supabase project set up.

Installation

  1. Clone the repository: 
    git clone https://github.com/soorenaganji/house-hub.git
cd house-hub

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
# or
bun dev

Open 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 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:

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.