Skip to content

mmcode9407/tasks-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tasks Manager

Tasks Manager work-animation

Hi there! 👋

Thanks for viewing my repository! This project aimed to create an application used for task management. The app was built with React and uses class components. The tasks data is stored in a local database and retrieved using a local API (JSON Server).

📎 Features

  • Create new tasks;
  • Input validation;
  • Task management:
    • start the countdown;
    • stop the countdown;
    • delete tasks;
    • finish task.

🔧 Built with

JavaScript React HTML5 CSS3 BEM
JSON Server REST API Webpack Babel
Node.js NPM

⚙️ Installation

The project uses node and npm. To run the app on your machine you should install all dependencies. Then create a localhost port and run your web explorer.

Let's start with installing all dependencies. Move to the app main workspace and run:

   npm i

To create a localhost port you should type:

   npm run start

If you don't have JSON server installed on your device use command:

   npm install json-server -g

To run JSON server use command:

   json-server --watch ./db/data.json --port 3005

Your Tasks Manager is ready at port 8080.

   http://localhost:8080/

💭 Improvements for future

  • divide the app into appropriate components;
  • add a loader while downloading data from the database.

🙋‍♂️ Feel free to contact me

If you have any questions feel free to get in touch with me (contact in the profile readme).

🙏 Special thanks

Special thanks to my Mentor - devmentor.pl for providing me with the task and code review.

About

Tasks manager app built with React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •