# Task Tracker Pro 🧭

👉 Live Demo 👈

📌 About The Project

Task Tracker Pro is a modern task management application built with React and TypeScript. It features a sleek user interface with a dynamic background and intuitive task management system. Users can add tasks with deadlines and track their progress efficiently.

✨ Key Features

• 🎯 Create and manage tasks with deadlines
• ⏰ Set working days for each task
• 🗑️ Delete tasks by name
• 💅 Modern UI with gradient effects
• 📱 Fully responsive design
• 🌓 Dynamic background
• 🔍 Type-safe implementation with TypeScript

🛠️ Built With

• React
• TypeScript
• CSS3

🚀 Getting Started

# Clone the repository
git clone https://github.com/caneryesiltas/task-tracker-pro.git

# Navigate to project directory
cd task-tracker-pro

# Install dependencies
yarn install

# Start the development server
yarn start

💻 Project Structure

src/
├── components/
│   └── TodoItem/        # Task item component
├── styles/
│   └── App.css         # Main styling
├── types/
│   └── apptypes.ts     # TypeScript interfaces
├── App.tsx             # Main application component
└── index.tsx           # Entry point

🔍 Core Functionality

• Task Creation: Users can create tasks with descriptions and deadlines
• Deadline Setting: Each task can be assigned a number of working days
• Task Management: Delete tasks by their names
• Type Safety: Full TypeScript implementation for robust code
• Responsive Design: Works seamlessly on all device sizes

🎯 Component Details

App Component

• Manages main state with TypeScript generics
• Handles task creation and deletion
• Implements responsive layout

TodoItem Component

• Displays individual task information
• Handles task deletion by name
• Implements gradient background effects

📱 Responsive Design

• Fluid layouts for all screen sizes
• Mobile-first approach
• Flexible input and button positioning
• Responsive task cards
• Adaptive typography

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

📄 License

Distributed under the MIT License. See LICENSE for more information.

📫 Contact

Caner Yesiltas - [email protected]

Project Link: https://task-tracker-pro-dusky.vercel.app/

---

Made with ❤️ by Caner Yesiltas