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/