A full-stack real estate web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js), styled with Tailwind CSS, and using Firebase for Google Authentication.
You can find the live deployment of this project here.
- User Authentication with Google using Firebase
- Listing of properties with details
- Add, Edit, Delete property listings
- User profile management
- Responsive design with Tailwind CSS
- MongoDB
- Express.js
- React.js
- Node.js
- Tailwind CSS
- Firebase Authentication
-
Clone the repository:
git clone https://github.com/yourusername/blog-website.git cd blog-website/backend
-
Install dependencies:
npm install
-
Create a
.env
file in thebackend
directory and add your MongoDB URI and JWT secret:MONGO_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret
-
Start the backend server:
npm run start / node index.js
-
Navigate to the frontend directory:
cd ../client
-
Install dependencies:
npm install
-
Start the React development server:
npm start dev
real-estate-project/
├── backend/
│ ├── config/
│ │ └── db.js
│ ├── controllers/
│ │ ├── authController.js
│ │ └── propertyController.js
│ ├── models/
│ │ ├── User.js
│ │ └── Property.js
│ ├── routes/
│ │ ├── authRoutes.js
│ │ └── propertyRoutes.js
│ ├── middleware/
│ │ └── authMiddleware.js
│ ├── .env
│ ├── server.js
├── frontend/
│ ├── public/
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── App.js
│ │ ├── index.js
│ │ └── tailwind.css
│ ├── .env
│ ├── package.json
│ ├── tailwind.config.js
├── README.md