EliteEstate is a modern MERN stack real estate web application designed for buying, selling, and exploring properties. Users can manage their own listings—add, edit, or delete properties for sale or rent—with images stored on Cloudinary.
- Fully responsive and modern UI using React and Tailwind CSS.
- Browse property listings with details like images, price, type, and location.
- Search and filter by location, price, or property type.
- Dynamic banner sections with high-quality images.
- Modern UI elements using React Icons.
- User profiles: each user can manage their own listings.
- Register & login (JWT-based authentication).
- Add new property listings with Cloudinary image uploads.
- Edit or delete their own property listings.
- View a list of all properties they have added.
- Contact other users or property owners via contact forms.
- Frontend: React, Tailwind CSS, React Router, React Icons
- Backend: Node.js, Express.js
- Database: MongoDB (with Mongoose)
- Authentication: JWT-based secure authentication
- Image Storage: Cloudinary for property images
- Routing: Protected routes for user actions
🔗 Live App: https://mern-elite-estate.vercel.app/
💻 GitHub Repo: https://github.com/FaiqaN27/Mern-EliteEstate
- Register/login to create a user profile.
- Users can add property listings with images uploaded to Cloudinary.
- Users can edit or delete only their own listings.
- Users can view all their own listings in their profile page.
- Other users can browse all listings and contact owners via the contact form.
- Clone the repository:
git clone <https://github.com/FaiqaN27/Mern-EliteEstate>
cd EliteEstate/backend- Install dependencies:
npm install- Create a
.envfile with the following:
MONGO_URI=<your_mongodb_connection_string>
JWT_SECRET=<your_jwt_secret>
CLOUDINARY_CLOUD_NAME=<your_cloud_name>
CLOUDINARY_API_KEY=<your_api_key>
CLOUDINARY_API_SECRET=<your_api_secret>
- Start the server:
npm run dev- Navigate to frontend folder:
cd EliteEstate/frontend- Install dependencies:
npm install- Start the React app:
npm run dev- Each user has a personal profile showing all listings they added.
- Property images are stored on Cloudinary, not locally.
- Tailwind CSS and React Icons are used for modern styling and responsive UI.
- JWT authentication ensures only owners can edit/delete their own listings.
This project is licensed under the MIT License.