https://github.com/shubhamagarwal16/realestate

A simple real estate app build with MEAN( Angular, Node and mongoDb ) and MERN( React, Node and mongoDb )
https://github.com/shubhamagarwal16/realestate

angular backend cors expressjs javascript mongodb mongoose mongoosejs nodejs react react-router react-router-dom reactjs realestate

Last synced: 3 months ago
JSON representation

A simple real estate app build with MEAN( Angular, Node and mongoDb ) and MERN( React, Node and mongoDb )

• Host: GitHub
• URL: https://github.com/shubhamagarwal16/realestate
• Owner: shubhamagarwal16
• Created: 2018-03-20T18:43:27.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-05-03T20:35:46.000Z (8 months ago)
• Last Synced: 2024-09-28T20:41:11.910Z (3 months ago)
• Topics: angular, backend, cors, expressjs, javascript, mongodb, mongoose, mongoosejs, nodejs, react, react-router, react-router-dom, reactjs, realestate
• Language: JavaScript
• Homepage:
• Size: 128 MB
• Stars: 37
• Watchers: 7
• Forks: 20
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Realestate using Angular, React, Node and MongoDB

## Demo -

- Angular - here.

- React - here.

- API endpoint - here.



## Project Layout

- Common Nodejs backend for **Angular** and **React** codebase

- Separate codebase for Angular UI. and React UI  (similar looking UI).

- **React codebase under Initial phase.**

## Features -

- Angular version -

    - Auth guard, multiple hostlistners, advance reactive forms, custom validators and much more.

- Overall -

  - Login/Registration (using bcrypt password encryption)

  - Property:

    - Post New Property (add images, Auto-generated property title, Dynamic form entries, slug creation in backend)

    - Filter, view properties (multiple views option)

    - File upload in mongodb (using gridfs)

- Redux in react (react hooks not used)

- Many more functionalities to add....

## Services used / Minimum Requirements - 

- Angular 5 (now Angular 7)

- Reactjs 16

- Node v8.11.1 && npm v5.6.0

- MongoDb v3.6.3

- Install git

I have used Ubuntu 16.04 for the development of this project.

## File Structure -

- realestate/ANGULAR_CODE_BASE (directory for **Angular front-end** )

- realestate/REACT_CODE_BASE (directory for **React front-end** )

- realestate/NODEJS_CODE_BASE/ (directory for **Node-express back-end** )

## Installation / Configuration - 

- Install Nodejs.

- Use `git clone https://github.com/shubhamagarwal16/realestate.git` command in cmd.

- After clonning, use commands-

   - `cd ANGULAR_CODE_BASE`

   - `npm install`

   - `cd ../NODEJS_CODE_BASE`

   - `npm install`

   - `cd ../REACT_CODE_BASE`

   - `npm install`

## Running the project

- Head to /ANGULAR_CODE_BASE directory and run `ng serve`

  - open http://localhost:4200/ 

- `sudo service mongod start` for starting mongoDB server and create a table there `realestatedb`

  - Note: this command may vary acc to the OS, please check mongodb for the right command for your system 

- Head to /NODEJS_CODE_BASE directory and run `node index.js`  (`npm start` if nodemon is installed)

- Head to /REACT_CODE_BASE directory and run `npm start`

  - open http://localhost:3000/ 

**Note:** 

1. Mongodb must be ON before running backend server

2. I prefer using nodemon for running back-end to install `npm i -g nodemon`  and then run using `npm start`

THANKS

HOPE YOU WILL LIKE MY EFFORTS

Connect with me - link.