Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coding-enthusiast9857/real-estate-mern-stack-app

A comprehensive real estate web application built using the MERN stack. This app allows users to browse, search, and manage property listings. Key features include secure user authentication with JWT, advanced search filters, property management functionalities, responsive design for various devices, and the ability to save favorite properties.
https://github.com/coding-enthusiast9857/real-estate-mern-stack-app

express expressjs jwt-token mern mern-stack mongodb nodejs prisma react reactjs real-estate real-estate-website

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/coding-enthusiast9857/real-estate-mern-stack-app
Owner: CODING-Enthusiast9857
License: mit
Created: 2024-06-12T07:49:07.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-06-22T11:07:45.000Z (6 months ago)
Last Synced: 2024-06-23T05:06:39.301Z (6 months ago)
Topics: express, expressjs, jwt-token, mern, mern-stack, mongodb, nodejs, prisma, react, reactjs, real-estate, real-estate-website
Language: JavaScript
Homepage:
Size: 1.19 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Real Estate MERN Stack App

![MERN Stack](https://img.shields.io/badge/MERN-Stack-yellow)
![MongoDB](https://img.shields.io/badge/MongoDB-Database-green)
![Express.js](https://img.shields.io/badge/Express.js-Backend-red)
![React](https://img.shields.io/badge/React-Frontend-blue)
![Node.js](https://img.shields.io/badge/Node.js-Backend-red)
![Prisma](https://img.shields.io/badge/Prisma-Database-white)
![License: MIT](https://img.shields.io/badge/License-MIT-violet.svg)

This project is a full-featured Real Estate website built using the MERN stack (MongoDB, Express.js, React, and Node.js). It allows users to browse, search, and view property listings, as well as providing features for property management and user authentication.

## Features

- **Property Listings:** Browse and search through a variety of property listings with detailed information and images.
- **User Authentication:** Secure user registration and login with JWT (JSON Web Tokens).
- **Property Management:** Add, update, and delete property listings with an easy-to-use interface.
- **Responsive Design:** Fully responsive design that works on desktops, tablets, and mobile devices.
- **Advanced Search:** Filter properties based on criteria such as location, price range, property type, and more.

## Technologies Used

- **Frontend:** React.js with Context API for state management.
- **Backend:** Node.js and Express.js for building the RESTful API.
- **Database:** MongoDB for storing property listings and user data.
- **Authentication:** JWT (JSON Web Tokens) for secure user authentication.
- **Styling:** SCSS for responsive design and styling.

## Installation

1. Clone the repository:
```bash
git clone https://github.com/CODING-Enthusiast9857/Real-Estate-MERN-Stack-App.git
```

2. Install dependencies for both frontend and backend:
```bash
cd Real-Estate-MERN-Stack-App
npm install
cd client
npm install
```

3. Create a `.env` file in the root directory and add the following environment variables:
```env
MONGODB_URL=
JWT_SECRET_KEY=
CLIENT_URL=
```

4. Start the client:
```bash
cd ..
npm run dev
```

5. To start server
```bash
nodemon app.js
```

## Contributing

Contributions are welcome! Please open an issue or submit a pull request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## Created by
Created with 🤍 by Madhavi Sonawane.

Follow Madhavi Sonawane for more such contents.

🇹🇭🇦🇳🇰 🇾🇴🇺 for visiting...!!

### Happy CODING...!!