ToDoMatic 🚀

Modern Task Manager 🚀

Modern Sci-Fi Themed to-do WebApp. You can use this to organise and manager your Projects/Tasks/Works

This respo is the clone of my First ToDoMatic which stores data in localStorage. If you want to clone or use the localStorage version of this project Click Here

I suggest you to try the localstorage version first. that way you don’t have to worry about backend and database.

Navigation

• Clone This Repo
• Screenshots
• Contact me

Create your own 🚀

Requirements :-

• Node.Js

Download Node.Js from the link. (No need to download if your computer already has Node.Js)

Check Node.js version :

node -v

Step 1 :-

Fork This Repo

Step 2 :-

Clone the forked Repo

Step 3 :-

Change directory to the Cloned folder

cd ModernTaskManager

Step 4 :-

Install Node modules

npm install

Step 5 :-

Run the Project

npm run dev

Now you can customise the style and functions however you want. if you need any help regarding the instruction provided here or with the Project Feel free to Contact me.

ScreenShots

Here are some Screenshots and Instructions about how to use this WebApp.

• Enter UserName and Sound effect :-

You can enter your UserName here (You can also leave it blank if you want). And Toggle Sound Effect.

• DashBoard :-

On DashBoard Page, It’s just normal greeting with showing total number of projects and number of completed projects. click Continue button to go to HomePage

• HomePage :-

  At first, it will show No Data Card with a Add Project button. you can add you project/task by clicking on Add Project button or + Icon button beside your UserName.

• Add Project :-

Enter Project name, Description and Deadline for the Project/Task. then

• Progress :-

Click on + ADD 10% button to increase the progress by 10%.

• Complete and Dispose :-

Click on COMPLETE button to set the particular Project’s/Task’s progress 100% and status Completed

• Edit :-

Click on the Pencil/Edit Icon on the particular Project/Task you wanna edit.

• Change UserName and settings :-

Click on the Pencil/Edit Icon next to add Icon to change your UserName and toggle sound effect settings.

• Dispose All

Click on the archive box with x mark Button to Remove all Projects/Tasks at once.

That’s all for this repo. Thank you.

Author : UNRIVALLEDKING