Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anishagg17/mern-connect
https://github.com/anishagg17/mern-connect
backend frontend
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/anishagg17/mern-connect
- Owner: anishagg17
- Created: 2020-02-03T14:17:41.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-22T14:04:31.000Z (about 2 years ago)
- Last Synced: 2024-05-28T23:42:32.978Z (7 months ago)
- Topics: backend, frontend
- Language: JavaScript
- Homepage:
- Size: 865 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Link to repo : https://github.com/anishagg17/Mern-Connect
It is an online platform based on MERN architecture to allow developers to connect with each other, share posts, comment on posts, upload profiles via APIs. It is a full stack application created with Node.Js, React.Js, ExpressJs, and uses MongoDB as a database.
# Local installation:
```
git clone [email protected]:anishagg17/Mern-Connect.git
cd Mern-Connect
npm i
cd client
npm i
```
# Running Application:
### Start Server :
``` Node server.js ```
We can run server in development mode using nodemon instead of node
``` nodemon server.js ```
### Start Client :
``` npm start ```
We can run server and client both simultaneously using concurrently module.
concurrently \"npm run server\" \"npm run client\"
Or
``` npm run dev ```
## Backend:
It consists of an express server along with several routers, models, middleware and controllers.
`Db.js` : It contains code to establish connection to the dataBase
`Server.js` : It consists of an express server application which routes to different controllers and is responsible for running the application.
`models` : It consists of several definitions of objects, whose shema are defined using mongoose-Schema . Attributes may be of type: String, Date, etc.Some attributes have been marked as required, some have default value set.
`routes/api` : These are sets of controllers which are responsible to handle requests based on type of request(GET, POST, DELETE, PUT) and route and map it to specific code.
`Middleware` : It is a middleware which is used to check if a user is authenticated or not. It makes use of jsonwebtoken and passes to the respective controller if the conditions satisfy.
## Frontend:
Client folder contains all code for the web-frontend application. It uses
`React` : it is a JavaScript library for building user interfaces.
`Redux` : it is used to manage state of the application as a single source of truth.
`Axios` : It is used to Make http requests from Client side to server side.