/NgRx

This is an NgRx State Management Todo's Application. It is built under the Angular 9, NgRx 9, and JsonPlaceholder for Fake API Calls.

Primary LanguageTypeScriptMIT LicenseMIT

Logo

NgRx Todo's Application

This is a simple todo's application that is developed by Angular 9, NgRx 9, and RXJS. This project is mainly focused on the core concepts of NgRx Store and Effects. By this application, the user can keep track of their day-to-day tasks.

Demo

Platforms

I've used the Angular(9.1.9), NgRx(9.2.0) as a Reactive State Mananagement and JsonPlaceholder as fake API for this application. I've also used the Postman platform for API Request & Response and VScode as an IDE.

Installation

After cloning the repo, do

npm install

Development server

To run this application: Open your terminal and navigate to the project folder. Run npm i or npm install to install all the needed packages for the application, after that process finished. Run ng serve in the terminal to run the developement server of the Angular. Make sure you should install Angular Cli before running ng serve in the terminal. Then open browser and enter the url http://localhost:4200 to run the application. You can also change the port by using this command ng serve --port YOUR_PORT. Note: Do ng update command in the project folder only if the node packages are in lower version.

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. Use the --prod flag for a production build.

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 Protractor.

More Updates

Follow me on LinkedIn to get the latest update about features, code, and more. If you like this project give a star to this repo.

Thanks

Thanks to all contributors and their support.

If you have an idea or you want to do something, tell me or just do it!

I'm always happy to hear your feedback!

Copyright and license

© Manojkumar, Full Stack JavaScript Developer.

Code released under the MIT License.