🚀 Taskify

• A self-driven team task management service
• Development Period: 2025.02.03 (Mon) ~ 2025.02.19 (Wed)

---

🎯 Project Overview

Taskify is a practical team collaboration tool that uses a Kanban board interface.
Through this project, we aimed to build a fully functional, real-world web application.

---

💻 My Contributions – Jang Bobae (Team Lead) 👑

• Implemented user authentication features including login, logout, and sign-up using JWT tokens, stored in localStorage and applied through Axios interceptors for secure API requests.
• Built profile image upload and delete functionality on My Page using FormData to handle File objects and dynamically updated preview URLs to reflect changes immediately.
• Developed password change feature with proper input validation, current password verification, and secure update logic to protect user credentials.
• Enhanced landing page UX with scroll animations (AOS) and typing effects (TypeAnimation), synchronizing animations using useEffect lifecycle management.
• Led the project as Team Lead, organizing GitHub branch workflows, conducting pull request reviews, and managing feature integration and collaboration across the team.

---

✨ Key Features

• ✅ Intuitive task management using Kanban boards
• ✅ Real-time collaboration among team members
• ✅ User-friendly UI/UX design

---

🛠 Tech Stack

---

📂 File Structure

---

🎬 Demo Screenshots

---

👨‍💻 Team Members

• Park Nakyeom
  Dashboard page, dashboard detail page, NavBar, SideBar, final presentation

• Yoon Hyerim
  Dashboard edit page, invite member feature, My Page

• Jang Bobae (Team Lead) 👑
  Sign-up, login page, landing page animation, password change, profile image delete

• Jeon Byungjin
  Custom modal component, card detail modal, edit card modal, reusable tag component

---

🚀 Getting Started

# Clone the repository
git clone https://github.com/codeit-Taskify-12-1/taskify.git
cd taskify

# Install dependencies
npm install

# Run the development server
npm run dev