https://github.com/thant-zin-aung/project-tracker-app

A powerful and intuitive project-based task management app built with React — designed for organizing, assigning, and tracking tasks within collaborative teams. Unlike a basic to-do list, this application emphasizes structured project workflows, allowing users to break down complex goals into actionable tasks and many more.
https://github.com/thant-zin-aung/project-tracker-app

css3 firebase firebase-auth firestore html5 react styled-components supabase supabase-storage

Last synced: 3 months ago
JSON representation

A powerful and intuitive project-based task management app built with React — designed for organizing, assigning, and tracking tasks within collaborative teams. Unlike a basic to-do list, this application emphasizes structured project workflows, allowing users to break down complex goals into actionable tasks and many more.

• Host: GitHub
• URL: https://github.com/thant-zin-aung/project-tracker-app
• Owner: thant-zin-aung
• Created: 2025-05-12T13:53:15.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-15T13:10:58.000Z (about 1 year ago)
• Last Synced: 2025-06-24T03:05:20.233Z (about 1 year ago)
• Topics: css3, firebase, firebase-auth, firestore, html5, react, styled-components, supabase, supabase-storage
• Language: JavaScript
• Homepage: https://tza-project-tracker-app.vercel.app
• Size: 615 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📅 Project Tracker App

A powerful and intuitive **project-based task management app** built with **React** — designed for organizing, assigning, and tracking tasks within collaborative teams. Unlike a basic to-do list, this application emphasizes structured project workflows, allowing users to break down complex goals into actionable tasks such as “UI design,” “backend logic,” and more.

Each **task card supports multiple contributors**, showcasing team members working together on the same task. The app provides a **clean and responsive UI** tailored for managing real-world projects with better visibility and accountability.

---

## ✨ Features  

- ✅ **Add Tasks** – Quickly add new tasks to your list  

- ✏️ **Edit Tasks** – Update tasks any time  

- 🗑️ **Delete Tasks** – Remove completed or unnecessary tasks  

- ✔️ **Mark as Completed** – Keep track of finished items  

- 📱 **Responsive UI** – Works great on desktop and mobile  

---

## 🛠️ Tech Stack



![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)  

![Firestore](https://img.shields.io/badge/Firestore-FFCA28?style=for-the-badge&logo=firebase&logoColor=white) ![Firebase Auth](https://img.shields.io/badge/Firebase_Auth-FFCA28?style=for-the-badge&logo=firebase&logoColor=white) ![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white) ![Supabase Storage](https://img.shields.io/badge/Supabase_Storage-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white)



---

## 🚀 Getting Started  

Follow these simple steps to run the project locally:  

### 1️⃣ Clone the Repository  

```bash  

git clone https://github.com/thant-zin-aung/todo-list-app.git  

cd todo-list-app

```

### 2️⃣ Install Dependencies

```bash

npm install

```

### 3️⃣ Run the Development Server

```bash

npm run dev

```

### 4️⃣ Open in Browser

The app should automatically open in your default browser at:

👉 http://localhost:3000

### 📄 License

This project is licensed under the MIT License.

---

 Made with ❤️ by Thant Zin Aung