Role: Frontend Lead
Team: 5 people
Duration: 4 months
Category: Web Applications
Created:
Links
Tech Stack
React JavaScript REST APIs Responsive Design
Tags
React JavaScript Collaboration
Ability Plus — Industry–Academia Collaboration Platform
🏆 University Project (High Distinction)A web app that connects companies posting real-world challenges with students who propose, apply, and collaborate on projects. It streamlines proposal intake, matching, and progress tracking so both sides move from “interest” to “impact.”
Project Gallery
+6
View all
Why it Matters#
Universities need authentic industry problems; companies need fresh talent and new perspectives. Ability Plus formalizes that bridge so students gain practical experience and companies get actionable solutions.
Key Highlights#
- Two tailored experiences
- Company side: post challenges, manage proposals/applicants, review progress.
- Student side: browse/apply to projects, submit proposals, collaborate with companies.
- Smart discovery & matching — categorize, filter, and shortlist relevant projects/students for quicker alignment.
- Proposal & progress hub — a single dashboard for proposals, application status, and milestones.
- Secure access — authentication with role-based features for companies vs. students.
- Responsive UI — designed for desktop, tablet, and mobile.
My Impact#
- Architected the React front end (component structure, routing, state).
- Implemented proposal workflows, role-aware navigation, and responsive layouts.
- Co-defined API contracts and error/loading patterns with the backend team.
Tech Stack#
- Frontend: React (functional components + hooks), JavaScript
- APIs: REST (async fetch with loading/error states)
- UI: CSS Grid/Flexbox, accessible patterns, mobile-first design