Overview

ProjectHub: Built an academic project management system to streamline project tracking, collaboration, and evaluation

Key Features

• Role-Based Access: Implemented secure authentication for Admin, Mentor, and Student roles
• Project Management: Enabled creation, assignment, and lifecycle management of projects
• Task Tracking: Provided task allocation and real-time progress monitoring
• File Management: Supported document uploads, submissions, and version handling
• Feedback System: Integrated mentor reviews, comments, and grading
• Collaboration: Added discussion threads and notifications for updates

Technologies Used

• Figma API: For extracting design tokens and component data directly from the Figma designs.
• React and Next.js: For building the front-end codebase with clean, reusable components.
• Styled-Components: For managing styles dynamically using design tokens.
• GitHub Actions: For automating the pipeline and syncing design changes to the repository.
• Authentication: Implemented NextAuth.js / Clerk
• Deployment: Deployed on Vercel

Challenges and Learnings

• State Management: Managed complex multi-user interactions efficiently
• Access Control: Designed secure role-based authorization mechanisms
• File Handling: Optimized upload and storage workflows
• Real-Time Sync: Ensured consistent updates across users
• Performance: Leveraged SSR and SSG for optimization

Outcome

• State Management: Managed complex multi-user interactions efficiently
• Access Control: Designed secure role-based authorization mechanisms
• File Handling: Optimized upload and storage workflows
• Real-Time Sync: Ensured consistent updates across users
• Performance: Leveraged SSR and SSG for optimization---

This project demonstrates your ability to leverage automation and streamline workflows, which is highly relevant for design engineering portfolios focused on efficiency and innovation.