Skip to content

Maciejnecka/Task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TasksManager React App

A simple React application for effective task management. It allows users to add, start/stop, complete, and delete tasks. The application also tracks the time dedicated to each task.

See the live version: Live demo - Tasks manager🌐

TasksManager Screenshot

Functionalities

Task Management

  • Add new tasks with a descriptive name. The application ensures that task names are not empty.

Start/Stop Tasks

  • Easily start and stop tasks to track the time spent on them. The timer updates in real-time.

Finish Tasks

  • Mark tasks as finished when they are completed. Finished tasks are distinguishable from ongoing tasks.

Remove Tasks

  • Remove completed tasks from the list. A confirmation modal is displayed to prevent accidental removal.

💡 Technologies

  • React
  • HTML5
  • CSS3
  • JavaScript
  • JSON Server
  • REST API
  • BEM Methodology
  • Webpack

💿 Installation

  1. First, perform a fork (located at the top right corner of the page). This will create a copy of this repository on your GitHub account.

  2. Clone the repository to your local machine using the git clone command.

  3. Navigate to the project directory:

    cd your-project-directory
  4. Install dependencies using npm:

    npm install
  5. JSON Server

    json-server --watch ./db/data.json --port 3005
  6. Start the app:

    npm start

Now you can work on tasks in your own repository and contribute to the project.

🙋‍♂️ Feel free to contact me

LinkedIn

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors