NgRx CRUD ROMA

This project was generated with Angular CLI version 15.2.1.

This web application will have a simple CRUD on the front side using NgRx, You will be able to create a post, delete it and filter post by "nombre".

Special thanks go to:

• Romario Estrada for his nice develop.

Table of Contents

• Languages
• Quick Start
• File Structure
• Browser Support
• Licensing

Languages

NgRx 15	Angular 15

Quick start

The client in Angular will run at port 4200 and the url to access is http://localhost:4200.

The json server will run at port 3000 and the url to access is http://localhost:3000/posts. To run the json server:

• npm run json-run

To start the client:

• npm install
• npm start or ng serve to init the project

It is mandatory run the server json.

Development server

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

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

File Structure

Within the download you'll find the following directories and files:

├── TCIT_crud_roma/
|   ├── src/
|   |   ├── app/
|   |   |   ├── pages/
|   |   |   |  ├── home/
|   |   |   ├── posts/
|   |   |   |  ├── posts.routing.module.ts
|   |   |   |  └── posts.module.ts
|   |   |   ├── shared/
|   |   |   |  ├── store/
|   |   |   |  |  ├── app.action.spec.ts
|   |   |   |  |  ├── app.action.ts
|   |   |   |  |  ├── app.reducer.ts
|   |   |   |  |  ├── app.selector.ts
|   |   |   |  |  └── appstate.ts
|   |   |   ├── store/
|   |   |   |  ├── actions/
|   |   |   |  |  └── post.actions.ts
|   |   |   |  ├── effects/
|   |   |   |  |  └── post.effects.ts
|   |   |   |  ├── models/
|   |   |   |  |  └── post.models.ts
|   |   |   |  ├── reducers/
|   |   |   |  |  └── post.reducers.ts
|   |   |   |  ├── selectors/
|   |   |   |  |  └── post.selectors.ts
|   |   |   |  ├── services/
|   |   |   |  |  └── post.service.ts
|   |   |   |  ├── state/
|   |   |   |  |  └── app.state.ts
|   |   |   |  └── post.state.ts
|   |   |   ├── app-routing.module.ts
|   |   |   ├── app.component.html
|   |   |   ├── app.component.scss
|   |   |   ├── app.component.ts
|   |   |   ├── app.module.ts
|   |   |   └── app.routing.ts
|   |   ├── assets/
|   |   |   └──  fonts/
|   |   └── index.html
├── db.json
└── README.md

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Chrome	Firefox	Edge	Opera

Licensing

Licensed under MIT

Social Media

Web Page: http://romaef.wordpress.com

Twitter: https://twitter.com/romaestradaflo