Coder Social home page Coder Social logo

fsojitra / mean-stack-crud Goto Github PK

View Code? Open in Web Editor NEW
3.0 0.0 4.0 36 KB

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

License: MIT License

JavaScript 21.43% TypeScript 56.23% HTML 21.72% CSS 0.62%
mean-stack nodejs angular-cli mongodb javascript bootstrap node-js express stack crud-api crud-operation alert meanstack-framework typescript full-stack backend express-mongodb-bootstrap angular authentication hacktoberfest

mean-stack-crud's Introduction

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 ๐Ÿ˜Š

tSwift

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.