https://github.com/caner-yesiltas/task-tracker-pro
💾 Simple but effective Task Tracker built with TypeScript - Perfect for TypeScript beginners!
https://github.com/caner-yesiltas/task-tracker-pro
modern-ui react-typescript responsive-design task-management task-tracker
Last synced: about 2 months ago
JSON representation
💾 Simple but effective Task Tracker built with TypeScript - Perfect for TypeScript beginners!
- Host: GitHub
- URL: https://github.com/caner-yesiltas/task-tracker-pro
- Owner: Caner-Yesiltas
- Created: 2024-11-28T01:00:17.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-02-25T10:09:36.000Z (3 months ago)
- Last Synced: 2025-02-25T11:23:00.615Z (3 months ago)
- Topics: modern-ui, react-typescript, responsive-design, task-management, task-tracker
- Language: TypeScript
- Homepage: https://task-tracker-pro-dusky.vercel.app
- Size: 17.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Tracker Pro 💾
## 📌 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](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS)
## 🚀 Getting Started
```bash
# 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/](https://task-tracker-pro-dusky.vercel.app/)
---
Made with 💾 by Caner Yesiltas