Todo-App

Basic Todo Application

Video: https://drive.google.com/file/d/1T6LSTlb_fzszViMRXEszPtB_JSKFrQWl/view?usp=sharing

Preview : https://todo-application-pied-phi.vercel.app/

Screenshots

HomePage mobile view

TodoPage fullscreen view

add task mobile view

todo items mobile view

edit full view

edit mobile view

todo in tamil lang

Deployment

Deployed Link: https://todo-application-pied-phi.vercel.app/

Clone the repository

https://github.com/mohdadil12345/TODO_APP

User-side features

• Add tasks in both online and offline mode.
• View tasks in both online and offline mode.
• Update tasks in both online and offline mode.
• Delete tasks in both online and offline mode.
• Search functionality in online mode.
• Filter functionality in online mode.
• when came back from offline to online ls data sync to server.

Developer-side features

• Fully Responsive websites in mobile view.
• Interactive Todo List
• For designing used sass.
• Local Storage Integration:
• Usage of Bootstrap for Home Page.
• Angular toaster used for success message.
• translator implement in navbar for different language.
• ck editor used for title and description.

Tools and Technologies

• Angular
• Typescript
• SASS
• Javascript
• Bootstrap
• Html
• Localstorage
• Firebase

Dependencies

Following are the major dependencies of the project:

• angular core
• angular forms module
• Angular HTTP Client Module
• CKEditor 5 Classic Build
• ngx-translate/core
• ngx-toastr

Installation and Setup

1.Install Angular CLI : npm install -g @angular/cli 2. Run the Application : ng serve --open 3. Go to https://todo-application-pied-phi.vercel.app/ or view : https://todo-application-pied-phi.vercel.app/