📝 Task Manager App

A simple and efficient task manager application built using ReactJS and Redux that allows users to add, edit, delete, and track their daily tasks with ease.

📌 About the Project

🎯 Inspiration

Managing daily goals and tasks can quickly become overwhelming, especially for students and professionals. I wanted to build a digital tool that helps users focus, prioritize, and track their progress easily — a minimalistic Task Manager that could be useful for personal productivity.

🧠 What I Learned

This project helped me:

• Understand how to manage application state globally using Redux.
• Use React hooks (useState, useEffect) for component logic.
• Implement clean UI using CSS Flexbox/Grid.
• Handle form inputs and dynamic updates efficiently.
• Structure and scale a frontend project for maintainability.

🛠️ Tech Stack

🚧 Features

• ✅ Add new tasks with title and description
• ✅ Edit existing tasks
• ✅ Delete tasks
• ✅ Mark tasks as completed
• ✅ Progress tracking (e.g., % completed)
• ✅ Clean and responsive UI

⚙️ How I Built It

1. Project Initialization

   • Used create-react-app to bootstrap the project.
   • Installed redux and react-redux for state management.

2. Redux Store

   • Created reducers and actions for task CRUD operations.
   • Connected Redux store to the React app using Provider.

3. Components

   • TaskForm: For adding/updating tasks.
   • TaskList: Renders task items with actions.
   • ProgressBar: Shows task completion progress visually.

4. Styling

   • Used pure CSS and Flexbox for layout.
   • Ensured responsiveness on mobile and desktop.

5. Deployment

   • Deployed on Netlify via GitHub integration.

Built With

• react