Skip to content

A task management web app built with React that helps users organize, track, and complete their daily tasks efficiently.

Notifications You must be signed in to change notification settings

nikhildaharwal2004/WorkBuddy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 

Repository files navigation

⭐ WorkBuddy – A Modern Task & Productivity Manager

πŸ‘‹ Hi, this is WorkBuddy!

WorkBuddy is a clean, modern and animated task-management web app built using React. It helps you manage your daily tasks, visualize progress, and stay productive β€” all with smooth animations and a polished UI. ✨

πŸš€ Features βœ… Task Form

➀ Add tasks with title & description ➀ Fluid fade-in animation ➀ Animated submit button (scale hover)

πŸ“‹ Task List

➀ Beautiful task cards ➀ Hover scaling animation ➀ Smooth β€œadd” and β€œdelete” animations ➀ Real-time task updates

πŸ“ˆ Progress Tracker

➀ Animated progress bar ➀ Updates instantly when tasks are completed ➀ Gradient fill animation

🎨 Animations Used

WorkBuddy uses Framer Motion + CSS transitions to deliver a modern UI:

πŸ”„ Fade-in animations

⚑ Smooth scale effects

πŸ“‰ Exit animations when deleting tasks

πŸ“Š Progress bar with animated width transition

πŸͺ„ Elegant hover shadows on task cards

πŸ› οΈ Tech Stack

βš› React (Vite)

🎨 CSS3

🧩 Framer Motion

πŸ“¦ JavaScript ES6

πŸ—‚ Local Storage (for saving tasks)

About

A task management web app built with React that helps users organize, track, and complete their daily tasks efficiently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published