https://github.com/ahmedsemih/mern-stack-real-estate-app
MERN-Stack Real Estate App. Built with React, NodeJS and GraphQL.
https://github.com/ahmedsemih/mern-stack-real-estate-app
expressjs fullstack graphql mern-stack nodejs react reactjs real-estate typescript zustand
Last synced: 9 months ago
JSON representation
MERN-Stack Real Estate App. Built with React, NodeJS and GraphQL.
- Host: GitHub
- URL: https://github.com/ahmedsemih/mern-stack-real-estate-app
- Owner: ahmedsemih
- License: mit
- Created: 2023-12-25T11:19:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-31T18:37:59.000Z (over 1 year ago)
- Last Synced: 2025-03-31T19:35:22.109Z (over 1 year ago)
- Topics: expressjs, fullstack, graphql, mern-stack, nodejs, react, reactjs, real-estate, typescript, zustand
- Language: TypeScript
- Homepage:
- Size: 895 KB
- Stars: 6
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Estate Hub
Estate Hub is a mern-stack real estate application. In this app users can create account, view the listings, filter or search the listings and add them to favorites if they like. Also they can create a listing and put their estate for sale or rent.
## :bulb: Features
- Responsive UI
- Dark and Light Theme
- Infinite Scroll
- JWT Authentication
- Filter Listings
- Search for Location or Title
- Create and Edit Listing
- Notifications and Favorites
## :hammer_and_wrench: Built With
- [Typescript](https://www.typescriptlang.org/) - Main Language
- [React](https://reactjs.org/) - UI Library
- [TailwindCSS](https://tailwindcss.com/) - CSS Framework
- [Zustand](https://zustand-demo.pmnd.rs/) - State Management
- [GraphQL](https://graphql.org/) - Query Language
- [Nodejs](https://nodejs.org/en) - Backend
- [Expressjs](https://expressjs.com/) - Nodejs Framework
- [MongoDB](https://www.mongodb.com/) - NoSQL Database
- [Mongoose](https://mongoosejs.com/) - Database ODM
- [React Icons](https://react-icons.github.io/react-icons/) - Icon Library
- [Bcrypt](https://www.npmjs.com/package/bcryptjs) - Encryption
- [Cloudinary](https://www.cloudinary.com/) - Image Storage
## :camera_flash: Screenshots
## :triangular_flag_on_post: Getting Started
First of all you need to clone the repository and install the dependencies for server and client
```shell
git clone https://github.com/ahmedsemih/MERN-Stack-Real-Estate-App.git
cd client
npm install
cd ..
cd server
npm install
```
After doing this you must assign the following environment variables
for client:
```shell
VITE_CLOUD_NAME - Cloudinary cloud name
VITE_UPLOAD_PRESET - Cloudinary upload preset
```
for server:
```shell
MONGODB_URI
JWT_ACCESS_SECRET
JWT_REFRESH_SECRET
```
And run dev server for both
```shell
npm run dev
```