Welcome to HouseHub, the ultimate real estate platform that allows users to find, list, and manage properties seamlessly. Visit the live site here.
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.
- 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.
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.
To get a local copy up and running, follow these steps:
- Node.js and npm installed on your machine.
- MongoDB instance (local or cloud).
- Supabase project set up.
- 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
.
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.
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!
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.