Do IT is a powerful task management application designed to enhance productivity by helping you efficiently track and manage tasks. With a visually appealing doughnut chart, you can quickly assess your progress and stay organized.
- Add Tasks: Quickly add tasks using a simple and user-friendly input form.
- Track Progress: Monitor task completion in real time with detailed statistics.
- Doughnut Chart Visualization: Visualize task distribution in an interactive and responsive chart.
- Responsive Design: Optimized for all screen sizes, ensuring a seamless experience on both desktop and mobile devices.
- Toasts with React-Toastify: Instant feedback through visually appealing toasts for actions like adding, editing, completing, or deleting tasks.
- Confetti Animation with Canvas-Confetti: Celebrate task completion with stunning confetti effects to make accomplishments feel rewarding.
- Dynamic Themes: Switch between light and dark themes for a personalized and comfortable user experience.
Follow these steps to set up and run the application locally.
Make sure you have the following installed on your system:
- Clone the repository:
git clone https://github.com/yourusername/do-it.git cd do-it - Install the required dependencies:
npm install
- Start the development server:
nom start
- Open the app in your browser at http://localhost:3000.
The layout of Do IT adapts to different screen sizes:
- Desktop View: The doughnut chart and task tracker are displayed side by side for a clear view.
- Mobile View: The task tracker drawer moves to the bottom for easy access and usability.
React-Toastify is integrated into the app to provide instant feedback for user actions.
- Add Task: "Task added successfully!"
- Complete Task: "Task marked as completed!"
- Delete Task: "Task deleted!"
- Edit Task: "Task updated successfully!"
Toast notifications are styled for visual appeal and disappear automatically after a few seconds.
To make task completion more rewarding, canvas-confetti adds celebratory animations:
- Triggered on Task Completion: Whenever a task is marked as completed, confetti bursts on the screen.
- Customizable Effects: The animation includes dynamic particle counts, colours, and spread for a visually stunning experience.
'Do IT' offers a dynamic theme system to enhance usability:
- Purpose: For a calm and cool interface with blue tones.
- Use Case: Ideal for professional settings, offering a serene and organized feel.
- Purpose: For bright and clean visuals, providing a minimalist and fresh look.
- Use Case: Best for daytime use or when a light, spacious feel is desired.
- Purpose: For an energetic and vibrant interface with orange hues.
- Use Case: Suitable for creative spaces, to inspire creativity and enthusiasm.
- Purpose: For a natural and peaceful interface with green shades.
- Use Case: Perfect for environments focusing on wellness or sustainability, promoting calm and balance.
- Purpose: For a deep, cosmic interface inspired by the vastness of space.
- Use Case: Ideal for nighttime use or users who prefer darker, immersive themes with a touch of mystery.
Seamless Switching: Users can toggle themes effortlessly from the app settings or navigation bar.
Do It is a simple yet powerful to-do list task-tracking app designed to help you stay organized and on top of your tasks. With an easy-to-use interface and multiple themes to choose from, you can tailor the app to suit your personal preferences, whether you need a calming blue interface, an energetic orange look, or a peaceful green environment. The app is built with a user-first approach, allowing you to track your daily tasks efficiently, set reminders, and manage your to-do list seamlessly.
No matter the time of day, Do It ensures you have the perfect theme for your needs—whether you’re working under the bright daylight with the White Theme or focusing on your tasks at night with the Space Theme.
By using Do It, you can stay focused, motivated, and organized, all while enjoying a customized visual experience.
Thank you for using Do It. We hope this app helps you stay productive and accomplish your goals with ease. With intuitive task tracking and customizable themes, Do It is your go-to solution for getting things done—simply and efficiently.