This project offers a straightforward way to keep your daily tasks organized. You can quickly add new items to your list, remove them when they're complete, and it'll even remember your tasks for next time, so you don't have to start fresh every time you open it.
Getting this project up and running on your local machine is pretty simple. Just follow these steps:
-
Clone the Repository: Start by cloning the project to your local machine using Git:
git clone https://github.com/lexizuchenna/task-tracker-tutorial.git cd task-tracker-tutorial -
Install Dependencies: Once you're in the project directory, install all the necessary packages:
npm install
-
Run the Development Server: To see the application in action, start the development server:
npm run dev
This will typically open the application in your browser at
http://localhost:5173(or another port if 5173 is in use).
Using the Task Tracker is intuitive. Here's how you can interact with it:
- Adding a Task: Type your task into the input field and either press
Enteror click the "Add Task" button. Your new task will appear in the list below. - Deleting a Task: To remove a task, simply click the "Delete" button next to the task you want to remove.
- Persistence: All your tasks are automatically saved in your browser's local storage, so they'll be there even if you close and reopen the application.
- Add Tasks: Quickly add new tasks to your to-do list.
- Delete Tasks: Easily remove tasks once they're completed or no longer needed.
- Local Storage Persistence: Tasks are automatically saved and loaded from your browser's local storage, ensuring your list remains intact across sessions.
- Responsive UI: A clean and simple interface that's easy to use.
| Technology | Description |
|---|---|
| React | A JavaScript library for building user interfaces. |
| Vite | A fast build tool that provides an optimized development experience. |
| JavaScript | The project's core programming language. |
| CSS | For styling the user interface. |
We'd love for you to contribute to this project! If you have suggestions for improvements or want to report a bug, please feel free to:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes.
- Commit your changes with a clear and descriptive message.
- Push your branch to your forked repository.
- Open a pull request describing your changes.
No specific license file was found in this repository. Please contact the author for licensing information if needed.
Connect with me and see what else I'm working on!
- LinkedIn: Your LinkedIn
- X (Twitter): @yourhandle
