TaskFlow is a responsive web application for managing personal and team-based tasks. Built with a modern tech stack (React + Ruby on Rails), it supports seamless collaboration across teams and projects, with an emphasis on clarity, speed, and ease of use.

• ✅ Create personal tasks
• 🧠 Build and manage teams
• 📁 Create projects under each team
• 📝 Add tasks to projects
• 👥 Add users to teams and assign tasks
• 🔍 View user profiles, including:
  • Assigned tasks
  • Completed tasks
  • Overdue tasks
• ✏️ Full CRUD functionality for everything (projects, tasks, teams, users)

• React (with Vite)
• TypeScript
• Material UI
• Styled Components
• React Context API for state management

• Ruby on Rails
• SQLite
• SendGrid for transactional emails
• JWT Authentication via HttpOnly cookies

The app uses secure JWT-based authentication, stored in HttpOnly cookies, to prevent XSS access from the frontend. Protected endpoints are guarded with a custom authenticate_user! method in the Rails API.

My Tasks Page - Desktop View Task Details - Desktop View Team View - Desktop View Create Task - Mobile View Login Window - Mobile View Profile Page - Mobile View Team Members - Mobile View

bundle install
rails db:migrate
rails server

/ # Root directory 
 /client # React + Vite frontend 
 /server # Ruby on Rails API 

Built by Omar Taha.