Skip to content

A visually captivating and interactive todo list that blends productivity with captivating effects

Notifications You must be signed in to change notification settings

pcodesdev/task-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# Todo List App

✨ A visually captivating and interactive todo list that blends productivity with captivating effects ✨

Table of Contents

  • Overview
  • Getting Started
  • Technologies Used
  • Features
  • Contributing
  • License
  • Acknowledgements

⚡️ Overview

This project elevates your todo list experience with immersive 3D icons, mesmerizing particle animations, and satisfying sound effects. It empowers you to stay organized and efficient with intuitive sorting options, task completion, and clearing features.

Getting Started

1. Fork and Clone:

  • Fork this repository to your GitHub account.
  • Clone the forked repository to your local machine:
git clone https://github.com/pcodesdev/task-list.git

2. Install Dependencies:

  • Navigate to the project directory:
cd task-list
  • Install the required packages:
npm install

3. Start Development Server:

  • Run the following command to start the development server:
npm run dev
  • Open http://localhost:5173 in your browser to access the app.

️ Technologies Used

  • Vite: A lightning-fast frontend build tool that offers blazing-fast development experiences.
  • ReactJS: A powerful JavaScript library for building dynamic and interactive user interfaces.
  • CSS: For styling the app's elements and creating visually appealing designs.
  • 3D Icons: Eye-catching 3D icons to enhance the visual appeal of tasks.
  • Particles.js: A JavaScript library for creating stunning particle effects, adding a touch of magic to the background.

✨ Features

  • Logo Hover Sound: A satisfying sound effect to engage users upon hovering over the logo.
  • Add Task: Easily add new tasks to your list to keep track of your to-dos.
  • Complete Task: Mark tasks as completed to visualize your progress and celebrate accomplishments.
  • Delete Task: Remove completed tasks or those no longer relevant to keep your list organized.
  • Clear All Tasks: Start fresh with a single click, clearing all tasks from your list.
  • Sorting Options: Sort tasks by input order, description, or completion status to prioritize and manage your workload effectively.

Contributing

I welcome contributions! Feel free to fork the repository, create a branch, and submit a pull request with your suggested changes.

License

This project is licensed under the MIT License.

Acknowledgements

Enjoy a productive and visually captivating todo list experience!

About

A visually captivating and interactive todo list that blends productivity with captivating effects

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published