Angular Todo Project that works with your browser's memory using local storage, and its information is not lost when the page is refreshed.
Live Demo: http://angulartodoapp.demoistasyonu.com
- The use of localstorage is exemplified. It * is also ready for API use.
- Observable-Subscribe techniques are used for data extraction in components.
- It is category based. And categories can be assigned bootstrap base colors.
- Todo information is Todo name, Category, deadline and description.
- Completed todos can be marked as strikethrough text using the checkbox.
- Adding, deleting and updating processes have been applied for both categories and todos.
- Todos can be filtered by category.
- Filtering by categories was done in the container component. Thus, the child routing process is shown.
- For the purposes of illustration, adding operations were done directly on the lists, and editing/updating operations were done via the modal form.
- Getting confirmation from the user during the deletion process
- Sorting todos with drag and drop methods
- Toast notification system for process results and errors
- Alert system for upcoming todos
- HTML markups and media insertion
- User authentication and authorization
- Multi-user system
This project was generated with Angular CLI version 12.0.0.
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.
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.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.