PhilipRamkeerat / fullstack-webapp-user-manager

This is a project that utilizes Angular 8 with Material Design for the frontend, while the backend is built with Node.js. Docker is used to containerize the project, and MongoDB is used as the database to store data.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FULLSTACK PROJECT - USER MANAGEMENT WEBAPP

  • Philip Ramkeerat

Requirements

  • Node 8x +
  • Mongo 4.x + ex: (localhost:27017)
  • Angular CLI: 8.2.2
  • Node: 10.15.0
  • Angular: 8.2.11

FRONTEND

This project uses Angular CLI version 8.3.5.

  • Install: npm install
  • Run: ng serve
  • Needs updating to lower resolutions

BACKEND - REST API

The entire api is contained on api folder

  • Install: npm install
  • Run: npm start or nodemon server

Request Endpoints

GET http://localhost:4000/users

GET http://localhost:4000/users/search/:work (Search)

PUT http://localhost:4000/users/update/:objectId

POST http://localhost:4000/users/add

DELETE http://localhost:4000/users/delete/:objectId

Response

...
Content-Type: application/json
[]

RUN PROJECT (Need to start backend api and frontend app)

Run ng serve for a dev server. Navigate to http://localhost:4200/.

Go to api folder and run npm start

Docker MongoDB configuration

Example of docker mongo configuration for tests purposes

docker run -d -p 27017:27017 -p 28017:28017 -e AUTH=no tutum/mongodb 

About

This is a project that utilizes Angular 8 with Material Design for the frontend, while the backend is built with Node.js. Docker is used to containerize the project, and MongoDB is used as the database to store data.


Languages

Language:TypeScript 66.1%Language:HTML 18.2%Language:JavaScript 12.7%Language:CSS 3.0%