smitrajput / Interactive_To-Do

A minimalistic, interactive To-Do app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Interactive To-Do App

An interactive to-do application, created using Angular and its Material Design, that helps you prioritize your tasks

Prerequisite

Node.js version 10.15.3

Steps to launch app locally

  1. On your terminal, type the following to clone this repository: https://github.com/smitrajput/Interactive_To-Do.git
  2. Change into the project directory:
    cd Interactive_To-Do
  3. Install the dependencies:
    npm install
  4. Launch the app
    ng serve --open
  5. You will be automatically redirected to localhost:4200/ in your browser

App Demo

TL;DR

To be more specific,

The Dashboard ๐ŸŽ‰ ๐ŸŽ‰ ๐ŸŽ‰ dash1 This is the page(also the Top Priorities tab), where your top 4 priorities will be displayed

You can remove a priority dash2 After which, the top 4 will rearrange themselves according to the original list dash3

And, this is the original list, in the To-Do List tab dash4

You can Add new tasks to the list
List before: dash5 List after: dash6

You can Remove tasks from the list
List before: d7 List after: d8 This will also bring changes to the Top Priorities d9

You can also rearrange your tasks by dragging and dropping them at appropriate positions d10 d11 d12

That's it. Please give a โญ if you liked the minimalistic app.

Author

Smit Rajput
alt text alt text

About

A minimalistic, interactive To-Do app


Languages

Language:TypeScript 67.9%Language:HTML 17.6%Language:CSS 11.5%Language:JavaScript 2.9%