John4E656F / JustDo-React

Dead Simple To-Do WebApp

Just Do - Dead Simple To-Do App

Overview

Just Do is a straightforward to-do list application built using React. It allows you to quickly add and manage tasks, set task severity levels, and mark tasks as done. This project is a simple portfolio project and does not require a backend as it utilizes local storage for data persistence.

Features

• Add tasks with different severity levels (Normal, Important, Urgent).
• Mark tasks as done to keep your to-do list organized.
• Edit task details, including text and severity.
• Clear all completed tasks with a single click.
• Simple and intuitive user interface.

Table of Contents

• Installation
• Usage
• Contributing
• License

Installation

To run Just Do locally on your machine, follow these steps:

1. Clone the repository to your local machine using Git:

   https://github.com/John4E656F/JustDo-React.git

2. Navigate to the project directory:

   cd just-do

3. Install the project dependencies using npm or yarn or pnpm:

   npm install
   # or
   yarn install
   # or
   pnpm install

4. Start the development server:

   npm run dev
   # or
   yarn run dev
   # or
   pnpm run dev

5. Open your web browser and visit http://localhost:5173/ to access the Just Do app.

Usage

• Adding a Task: Enter a task in the input field and press Enter or click the "Add" button.

• Setting Severity: Click the severity dropdown to choose the severity level (Normal, Important, or Urgent) for a task.

• Marking a Task as Done: Click the checkbox next to a task to mark it as done. Completed tasks will be moved to the completed tasks section.

• Editing a Task: Click the pencil icon next to a task to enter edit mode. You can then edit the task's text and severity.

• Clearing Completed Tasks: Click the "Clear all Done tasks" button to remove all completed tasks from the list.

Contributing

Contributions to the Just Do project are welcome. If you have any ideas for improvement, found a bug, or would like to contribute new features, please follow these steps:

1. Fork the repository on GitHub.

2. Clone your forked repository to your local machine:

   git clone https://github.com/John4E656F/JustDo-React.git

3. Create a new branch for your changes:

   git checkout -b feature/your-feature-name

4. Make your changes and commit them with clear and concise commit messages.

5. Push your changes to your GitHub repository:

   git push origin feature/your-feature-name

6. Create a pull request from your branch to the main repository.

Your contributions will be reviewed, and once approved, they will be merged into the main project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.