Taskify

• 

  Pomodoro Timer

• 

  Home Screen

• 

  Task Manager

• 

  Color Based Notes

Inspiration

I wanted to build an app that helps me organize tasks and stay productive, combining task management and Pomodoro timer functionalities in a simple and effective way.

What it does

It is a task management app that allows users to create, view, and mark tasks as completed. It includes a pomodoro timer along with a progress bar to track progress on tasks and ability to add color sorted notes for productivity and supports dark and light mode toggle.

How we built it

I built it using HTML, CSS, and JavaScript. I used a simple layout for the task boxes and integrated a timer function for the Pomodoro feature, and used CSS for the light/dark mode toggle.

Challenges I ran into

One of the challenges was aligning the task boxes properly, ensuring that the toggle button was functional, and making the app responsive across different screen sizes.

Accomplishments that I am proud of

I’m proud of the smooth implementation of the task management system and the timer functionality. The dark and light mode toggle works seamlessly, and the app feels intuitive.

What I learned

I learned more about CSS layout techniques, how to manage tasks with JavaScript, and how to implement interactive UI elements like toggle switches and timers.

What's next for Taskify

Next, I plan to add more features like task categorization, notifications, and integration with a calendar to improve task scheduling and management and making this into an android application (.apk)

Built With

• css
• html
• html5
• javascript