Skip to content

Angular14-MEAN-Stack-CRUD, Responsive Web Design and Web Application

Notifications You must be signed in to change notification settings

kawin101/angular-mean-crud

Repository files navigation

How to Run

  • (Angular14, DB: MongoDB 5.0.13, Node: 14.15.1, npm: 8.19)
  • Step0: Open MogoDB Compass
  • Click "Connect"
  • Step1: Backend connect with Database
  • cd/nodeexpress-api
  • node index.js
  • Step2: cd/angular-mean-crud
  • ng serve

Bio (Developer)

  • นายกวินภพ ชมนิกร 633410142-5
  • รายวิชา 935304: Web Application Programming (2022)
  • สาขาวิชาวิทยาการคอมพิวเตอร์และสารสนเทศ คณะสหวิทยาการ มหาวิทยาลัยขอนแก่น (CS: CIS#5)

Reference

  • พัฒนา Web Application ด้วย JavaScript และ Node.js. (น.135-426). กรุงเทพฯ: ซีเอ็ดยูเคชั่น, 2564.
  • Marinko Spasojevic. (2021). Getting Started With Angular Material. 4/11/2022, Retrieved from https://code-maze.com/get-started-angular-material/
  • Marinko Spasojevic. (2020). Angular Material Navigation Menu – Complete Responsive Navigation. 4/11/2022, Retrieved from https://code-maze.com/angular-material-navigation/
  • Code Maza. (2020). Angular Material Responsive Navigation Menu. 4/11/2022, Retrieved from https://youtu.be/SerD960-du8
  • Tutorial Rays. (2022). NodeJs ExpressJs and Mongo DB CRUD | Node Express MogoDB Insert Update Delete | Rest API. 4/11/2022, Retrieved from https://youtu.be/RU-1JQ2bPFE
  • Tutorial Rays. (2022). MEAN Stack CRUD | Angular 12 /13 NodeJs ExPressJs MongoDb Insert Update Delete | Angular 13 Tutorial. 4/11/2022, Retrieved from https://youtu.be/o2HxDnPz7xY
  • Patiphan Phengpao. (2022). สอน Angular 11 สร้างระบบ CRUD ด้วย MEAN Stack. 4/11/2022, Retrieved from https://youtu.be/rlBFqtQ-qaQ Code Maze. (2022). Angular Material Responsive Navigation Menu. 4/11/2022, Retrieved from https://youtu.be/SerD960-du8

angular-mean-crud

This project was generated with Angular CLI version 14.2.8.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.