/What-To-Do

A simple FullStack Tool which helps you to organize your daily task and status

Primary LanguageTypeScript

What-To-Do

Cannot track your tasks. Then you must know What To Do

What To Do is a tool which helps you to track your daily task and its status.

This tool will carry over the previous days task to current date if the task is not completed. Your task details can be exported to excel.

Table of Contents

Setup

A step by step series of examples that tell you how to get a development env running

clone the Repo :

git clone https://github.com/R35007/What-To-Do.git

go to root directory and run:

npm install

once the installation is complete and run:

npm start

Open http://localhost:3000 to view it in the browser.

Features

  • Create task and set status such as
    • Open
    • In progress
    • Done
  • Can create deadlines for the task and an indicator displays the time remaining to reach the deadline
  • Priorities can be set for each task such as
    • High
    • Medium
    • Low
    • None
  • The tasks can be edited or deleted
  • The task details can be exported to excel
  • Tasks can be scheduled for future date
  • View All helps to view all the tasks that have been entered in the application till date
  • A dashboard to display the task status and count

How does it work?

Inside the root directory we have two applications written in TypeScript.

The server/ -directory's contents are for the backend part of the application, i.e. if you want to do filesystem changes or other things that require IPC between the backend and the browser windows.

The client/ -directory's contents are for the frontend part of the application, anything visible to the end-user.

The assets/tasks.json -contains the tasks which are saved by the end-user.

Available Scripts

In the project directory, you can run:

npm install

Install the dependencies needed for both the Client and Server

npm start

Runs the both the server and client app concurrently in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run clean

Removes all the node_modules which are available in the Client , Server and the root directory.

npm run server

Runs the server side of the application

npm run client

Runs the client side of the application

npm run reinstall

Cleans the node_modules and reinstalls the dependencies for both client ans server.

Built With

  • React
  • TypeScript
  • SASS
  • Kendo UI
  • Bootstrap
  • Lodash
  • Express
  • OvernightJS

Author

Sivaraman - Mycount.siva@gmail.com

Distributed under the MIT license.

https://github.com/R35007

Contributing

  1. Fork it (https://github.com/R35007/What-To-Do/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

Sample Screenshots

Landing Page

Landing Page

Edit Task

Edit Task

Add New Task

Add New Task

Remove Task

Remove Task

Track Your Deadline

rack Your Deadline

View More Detail

View More Detail