Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/przemek-nowicki/mean-crud-app
Simple CRUD app for user management based on MEAN stack (with Angular6 on the board) :fire:
https://github.com/przemek-nowicki/mean-crud-app
angular-cli angular6 bootstrap4 crud-application mean mean-stack mongodb reactive-forms
Last synced: 5 days ago
JSON representation
Simple CRUD app for user management based on MEAN stack (with Angular6 on the board) :fire:
- Host: GitHub
- URL: https://github.com/przemek-nowicki/mean-crud-app
- Owner: przemek-nowicki
- Created: 2018-05-21T19:51:44.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-06-25T16:48:54.000Z (over 6 years ago)
- Last Synced: 2024-12-09T13:50:06.492Z (2 months ago)
- Topics: angular-cli, angular6, bootstrap4, crud-application, mean, mean-stack, mongodb, reactive-forms
- Language: TypeScript
- Homepage:
- Size: 3.23 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MEAN crud app with Angular 6
This is a simple CRUD app for user management based on MEAN stack with Angular6 on the board.__
Demo: https://cryptic-earth-78314.herokuapp.com
## Installation
To run project install and setup the following:
* Install MongoDB;
* Set MONGODB_URI system variable to desired database uri, if not defined default `127.0.0.1:27017/mean-crud-app` uri will be used;
* Install angular cli `npm install -g @angular/cli`
* Install app dependencies `npm install`
* Run mongodb e.g. to run a mongodb process as a daemon execute this command `mongod --dbpath mongo/data`
* Note: npm version > 7.6.0 (async/await support is necessary). Developed on v9.8.0;
## Development server - frontend
Run `npm run client` for a dev frontend server. Navigate to `http://localhost:4200/`.
The app will automatically reload if you change any of the source files.
## Development server - backend
Run `npm run server` to run server in dev mode run by nodemon.
The server will automatically reload if you change any of the files from api directory.
In order to check if api response type `curl -i localhost:3000/api/users` command in terminal/
## Build and run app
Run `npm start` to build frotned part of the project and run serve by node. Navigate to `http://localhost:3000`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## App screenshots
### Users list:
* features: sort, filter, paginate
### User form:
* features: add, edit, upload image, select date via datepicker, validation (client & server side)
