🌐 Welcome to the HomeSphere! This project demonstrates a feature-rich, fully responsive real estate website built with the latest version of Next.js, Clerk for user authentication, and MongoDB for robust backend data management.
- Secure authentication powered by Clerk.
- Role-based access for users and admins.
- Add, edit, or delete property listings.
- Browse properties with detailed descriptions, high-quality images, and location data.
- Save favorite properties for quick access.
- Filter properties based on location, price, and more.
- Sort listings for a personalized experience.
- Manage property listings, user profiles, and perform CRUD operations.
- Protected routes ensure secure access.
- Fully responsive across devices, ensuring usability on desktops, tablets, and mobile phones.
- Frontend: Next.js and Tailwind CSS
- Authentication: Clerk
- Backend: MongoDB for data management
- Deployment: Hosted on Vercel
- Node.js (v18+)
- MongoDB (local or hosted on a service like MongoDB Atlas)
- Clerk account for authentication
-
Clone the repository:
git clone <repository-url> cd <project-folder>
-
Install dependencies:
npm install
-
Set up environment variables:
- Create a .env.local file in the root directory.
- Add the following variables: MONGODB_URI=your_mongodb_connection_string NEXT_PUBLIC_CLERK_FRONTEND_API=your_clerk_frontend_api CLERK_API_KEY=your_clerk_api_key SIGNING_SECRET=your_signing_secret
-
Run the development server:
npm run dev
-
Open your browser and navigate to http://localhost:3000.
- Deploy the application on Vercel:
- Push your code to GitHub or any other Git provider.
- Import your repository into Vercel.
- Add environment variables in the Vercel dashboard.
- Deploy your project.
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
🎉 Thank you for exploring this project! Feel free to reach out for questions or feedback.