https://github.com/crispengari/todo-app-angular-js
My first Angular JS application. This is a simple todo application that performs the following operations - adding a todo item - deleting a todo item - updates a todo item - showing all the todo items
https://github.com/crispengari/todo-app-angular-js
angular angularjs api css fontend html javascript json sass scss typescript
Last synced: 6 months ago
JSON representation
My first Angular JS application. This is a simple todo application that performs the following operations - adding a todo item - deleting a todo item - updates a todo item - showing all the todo items
- Host: GitHub
- URL: https://github.com/crispengari/todo-app-angular-js
- Owner: CrispenGari
- Created: 2021-02-14T13:26:27.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-02-14T13:33:39.000Z (over 4 years ago)
- Last Synced: 2025-03-27T17:02:43.439Z (7 months ago)
- Topics: angular, angularjs, api, css, fontend, html, javascript, json, sass, scss, typescript
- Language: TypeScript
- Homepage:
- Size: 209 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# What is Todos?
This is a simple todo application that performs the following operations
- adding a todo item
- deleting a todo item
- updates a todo item
- showing all the todo items## Demo

## This application is using
- html
- Angular
- scss
- jsonplaceholder [here](https://jsonplaceholder.cypress.io/todos/)## Angular CLI commands used in this app
```
# Generating a component to do in the todo directoryng g c components/todo
# OR
ng generate component components/todo# Generating a service to do in the todo directory
ng g s services/todo
# OR
ng generate service services/todo```
## Why this simple application?
This is my first build with `Angular Js` so basically it's for practice purposes
## URL to the ng Documentation
- [Angular](https://angular.io/start/)
# Todos
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.0.
## 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.
## 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](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.