RealEstateHub - Full Stack Real Estate Project

Welcome to RealEstateHub, a full-stack real estate project that enables users to seamlessly buy, sell, and book visits for various real estate properties. This project is built using a modern tech stack, including Mantine UI, React, JavaScript, React Hooks, React Router, Modern CSS, Framer Motion, MongoDB, Cloudinary, and Auth0 for authentication.

Features

1. Property Listings: View a curated list of real estate properties available for buying or selling.
2. Buy/Sell Properties: Easily list your property for sale or browse through available properties for purchase.
3. Visit Booking: Schedule visits to properties to explore them in person.
4. User Authentication: Securely create accounts and log in using Auth0, with options to sign up using Google or GitHub accounts.
5. Responsive Design: The user interface is designed to be responsive and accessible on various devices.

Tech Stack

• Mantine UI: A modern React component library for building user interfaces.
• React: A JavaScript library for building user interfaces.
• JavaScript: The primary programming language used for both front-end and back-end development.
• React Hooks: Used for state and lifecycle management in functional components.
• React Router: Facilitates navigation and routing in the React application.
• Modern CSS: Utilized for styling the application, ensuring a sleek and modern design.
• Framer Motion: Adds smooth animations to enhance user experience.
• MongoDB: A NoSQL database for storing and managing property and user data.
• Cloudinary: Cloud-based image and video management for efficient media handling.
• Auth0: Provides secure authentication, allowing users to create accounts and log in using Google or GitHub credentials.

Getting Started

1. Clone the Repository:

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

2. Install Dependencies:

   cd client
   npm install

3. Configure Environment Variables:

   • Create a .env file and set up the necessary environment variables, including Auth0 credentials, Cloudinary API key, and MongoDB connection string.

4. Run the Application:

   npm start

5. Open in Browser: Visit http://localhost:3000 to explore RealEstateHub locally.

Contributing

Contributions are welcome! Feel free to open issues or pull requests to improve the project.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Thank you for using RealEstateHub! If you have any questions or feedback, please don't hesitate to reach out._

Logo