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

https://github.com/fsojitra/mean-stack-crud

:zap: Angular 7 + Node/Express + mongoDB + bootstrap
https://github.com/fsojitra/mean-stack-crud

alert angular angular-cli authentication backend bootstrap crud-api crud-operation express express-mongodb-bootstrap full-stack hacktoberfest javascript mean-stack meanstack-framework mongodb node-js nodejs stack typescript

Last synced: about 1 month ago
JSON representation

:zap: Angular 7 + Node/Express + mongoDB + bootstrap

Awesome Lists containing this project

README

        

# MEAN-Stack-CRUD
> An Angular + Node/Express + MongoDB + Bootstrap Simple example
This code will add, upadate and delete data to mongodb using express rest APIS and frontend through Angular 7. Angular Code is in main directory and backend code is in backend directory of main directory

### Prerequisites
Below listed things you need to have in your system to run this code

```
- Node.js
- NPM
- Angular CLI
- MongoDB
```

### To Setup
Clone or download this repository

1. `cd MEAN-Stack-CRUD`
2. `npm install`
3. `cd MEAN-Stack/backend`
4. `npm install`

### To Run
As you already install node_modules in both backend server and angular now have to run all three mongoDB, node/express server and angular.

start mongodb in your system

to run node server
1. `cd MEAN-Stack/backend`
2. `nodemon app.js`

to run angular frontend
1. `cd MEAN-Stack`
2. `ng serve -o`

### To add user
http://localhost:4200/user/create

### To edit and delete user
http://localhost:4200/user

#### And lastly taylor swift's mean song gif, which BTW has nothing to do with this code but why not just randomly put it there for no good reason :blush:
![tSwift](https://media.giphy.com/media/VH1f6PQ4J6HYI/giphy.gif)