FYP PORTAL: Final Year Project Management and Clearance System
Inspiration
We were motivated by the persistent administrative friction and lack of transparency plaguing traditional academic workflows, particularly concerning Final Year Projects (FYPs) and degree clearance. The manual routing of documents, ambiguous approval statuses, and absence of standardized compliance checks often lead to student frustration, supervisory overload, and significant delays. Our core inspiration was to develop a secure, intelligent, and unified portal that replaces this fragmented experience with an efficient, proactive guidance system, transforming the administrative burden into an automated, student-centric experience.
What it does
The FYP PORTAL is a comprehensive, multi-role system that manages the entire FYP lifecycle and monitors degree progress. It provides role-specific interfaces for Students, Supervisors, and Administrators (HOD), ensuring tailored access and functionality.
Core Functionality:
Role-Based Access: Tailored dashboards for Students, Supervisors, and HODs.
Real-Time Tracking: Instant updates on FYP proposal status and administrative clearance progress.
Digital Clearance Workflow: Monitors progress for all administrative clearances (e.g., Accounts, Library, Academic Office).
Innovative Scope Enforcer Middleware: Proactively validates all submissions against academic criteria, guaranteeing compliance before human review begins, significantly reducing supervisory overload.
How we built it
We rapidly developed the FYP PORTAL using the MERN Stack (MongoDB, Express.js, React, Node.js), leveraging JavaScript's uniformity for speed and scalability.
Component
Technology
Function
Frontend
React.js / Tailwind CSS
Built a dynamic, responsive interface with a clean, Dark Mode Tech aesthetic.
Backend/API
Node.js / Express.js
High-performance application layer for API routing and business logic.
Database
MongoDB
Data persistence, securely storing project information and user data.
Security
bcrypt & JWT
bcrypt for password encryption; JSON Web Tokens (JWT) for session management and authorization.
Challenges we ran into
The primary technical challenge was the concurrent implementation of three complex requirements:
Secure, Multi-Role JWT Authentication: Ensuring tokens were correctly issued and managed.
Granular Role-Based Access Control (RBAC): Implementing middleware on the backend to restrict access precisely—for example, ensuring only a Supervisor can access the /api/projects/approve endpoint.
Scope Enforcer Logic: Designing custom server-side checks that must query the MongoDB database and validate submission content and status against academic criteria efficiently.
Balancing this security and complexity with the rapid development timeline demanded rigorous focus and immediate problem-solving to ensure the system’s integrity and stability.
Accomplishments that we're proud of
We successfully delivered a secure, fully integrated, multi-role system within the tight deadline. We are most proud of:
The seamless implementation of JWT and RBAC across all critical API endpoints.
The successful integration of the Innovative Scope Enforcer Middleware, which automates pre-review compliance.
Achieving a cohesive, high-performance architecture using the MERN stack.
What we learned
We learned the critical importance of balancing rapid, full-stack development with rigorous security design. Overcoming the challenge of integrating complex RBAC middleware with the Scope Enforcer logic highlighted the necessity of meticulous state management and server-side validation to ensure both system integrity and a smooth user experience.
What's next for FYP PORTAL
Future plans for the FYP PORTAL include:
Integrating with the university's academic information system (AIS) for real-time credit monitoring (e.g., verifying a student has $\ge 120$ credit hours).
Adding a Supervisor load management feature to balance project assignments.
Developing a collaborative document editor within the portal for real-time proposal drafting. FYP PORTAL: Final Year Project Management and Clearance System
Inspiration
We were motivated by the persistent administrative friction and lack of transparency plaguing traditional academic workflows, particularly concerning Final Year Projects (FYPs) and degree clearance. The manual routing of documents, ambiguous approval statuses, and absence of standardized compliance checks often lead to student frustration, supervisory overload, and significant delays. Our core inspiration was to develop a secure, intelligent, and unified portal that replaces this fragmented experience with an efficient, proactive guidance system, transforming the administrative burden into an automated, student-centric experience.
What it does
The FYP PORTAL is a comprehensive, multi-role system that manages the entire FYP lifecycle and monitors degree progress. It provides role-specific interfaces for Students, Supervisors, and Administrators (HOD), ensuring tailored access and functionality.
Core Functionality:
Role-Based Access: Tailored dashboards for Students, Supervisors, and HODs.
Real-Time Tracking: Instant updates on FYP proposal status and administrative clearance progress.
Digital Clearance Workflow: Monitors progress for all administrative clearances (e.g., Accounts, Library, Academic Office).
Innovative Scope Enforcer Middleware: Proactively validates all submissions against academic criteria, guaranteeing compliance before human review begins, significantly reducing supervisory overload.
How we built it
We rapidly developed the FYP PORTAL using the MERN Stack (MongoDB, Express.js, React, Node.js), leveraging JavaScript's uniformity for speed and scalability.
Component
Technology
Function
Frontend
React.js / Tailwind CSS
Built a dynamic, responsive interface with a clean, Dark Mode Tech aesthetic.
Backend/API
Node.js / Express.js
High-performance application layer for API routing and business logic.
Database
MongoDB
Data persistence, securely storing project information and user data.
Security
bcrypt & JWT
bcrypt for password encryption; JSON Web Tokens (JWT) for session management and authorization.
Challenges we ran into
The primary technical challenge was the concurrent implementation of three complex requirements:
Secure, Multi-Role JWT Authentication: Ensuring tokens were correctly issued and managed.
Granular Role-Based Access Control (RBAC): Implementing middleware on the backend to restrict access precisely—for example, ensuring only a Supervisor can access the /api/projects/approve endpoint.
Scope Enforcer Logic: Designing custom server-side checks that must query the MongoDB database and validate submission content and status against academic criteria efficiently.
Balancing this security and complexity with the rapid development timeline demanded rigorous focus and immediate problem-solving to ensure the system’s integrity and stability.
Accomplishments that we're proud of
We successfully delivered a secure, fully integrated, multi-role system within the tight deadline. We are most proud of:
The seamless implementation of JWT and RBAC across all critical API endpoints.
The successful integration of the Innovative Scope Enforcer Middleware, which automates pre-review compliance.
Achieving a cohesive, high-performance architecture using the MERN stack.
What we learned
We learned the critical importance of balancing rapid, full-stack development with rigorous security design. Overcoming the challenge of integrating complex RBAC middleware with the Scope Enforcer logic highlighted the necessity of meticulous state management and server-side validation to ensure both system integrity and a smooth user experience.
What's next for FYP PORTAL
Future plans for the FYP PORTAL include:
Integrating with the university's academic information system (AIS) for real-time credit monitoring (e.g., verifying a student has $\ge 120$ credit hours).
Adding a Supervisor load management feature to balance project assignments.
Developing a collaborative document editor within the portal for real-time proposal drafting. FYP PORTAL: Final Year Project Management and Clearance System
Inspiration
We were motivated by the persistent administrative friction and lack of transparency plaguing traditional academic workflows, particularly concerning Final Year Projects (FYPs) and degree clearance. The manual routing of documents, ambiguous approval statuses, and absence of standardized compliance checks often lead to student frustration, supervisory overload, and significant delays. Our core inspiration was to develop a secure, intelligent, and unified portal that replaces this fragmented experience with an efficient, proactive guidance system, transforming the administrative burden into an automated, student-centric experience.
What it does
The FYP PORTAL is a comprehensive, multi-role system that manages the entire FYP lifecycle and monitors degree progress. It provides role-specific interfaces for Students, Supervisors, and Administrators (HOD), ensuring tailored access and functionality.
Core Functionality:
Role-Based Access: Tailored dashboards for Students, Supervisors, and HODs.
Real-Time Tracking: Instant updates on FYP proposal status and administrative clearance progress.
Digital Clearance Workflow: Monitors progress for all administrative clearances (e.g., Accounts, Library, Academic Office).
Innovative Scope Enforcer Middleware: Proactively validates all submissions against academic criteria, guaranteeing compliance before human review begins, significantly reducing supervisory overload.
How we built it
We rapidly developed the FYP PORTAL using the MERN Stack (MongoDB, Express.js, React, Node.js), leveraging JavaScript's uniformity for speed and scalability.
Component
Technology
Function
Frontend
React.js / Tailwind CSS
Built a dynamic, responsive interface with a clean, Dark Mode Tech aesthetic.
Backend/API
Node.js / Express.js
High-performance application layer for API routing and business logic.
Database
MongoDB
Data persistence, securely storing project information and user data.
Security
bcrypt & JWT
bcrypt for password encryption; JSON Web Tokens (JWT) for session management and authorization.
Challenges we ran into
The primary technical challenge was the concurrent implementation of three complex requirements:
Secure, Multi-Role JWT Authentication: Ensuring tokens were correctly issued and managed.
Granular Role-Based Access Control (RBAC): Implementing middleware on the backend to restrict access precisely—for example, ensuring only a Supervisor can access the /api/projects/approve endpoint.
Scope Enforcer Logic: Designing custom server-side checks that must query the MongoDB database and validate submission content and status against academic criteria efficiently.
Balancing this security and complexity with the rapid development timeline demanded rigorous focus and immediate problem-solving to ensure the system’s integrity and stability.
Accomplishments that we're proud of
We successfully delivered a secure, fully integrated, multi-role system within the tight deadline. We are most proud of:
The seamless implementation of JWT and RBAC across all critical API endpoints.
The successful integration of the Innovative Scope Enforcer Middleware, which automates pre-review compliance.
Achieving a cohesive, high-performance architecture using the MERN stack.
What we learned
We learned the critical importance of balancing rapid, full-stack development with rigorous security design. Overcoming the challenge of integrating complex RBAC middleware with the Scope Enforcer logic highlighted the necessity of meticulous state management and server-side validation to ensure both system integrity and a smooth user experience.
What's next for FYP PORTAL
Future plans for the FYP PORTAL include:
Integrating with the university's academic information system (AIS) for real-time credit monitoring (e.g., verifying a student has $\ge 120$ credit hours).
Adding a Supervisor load management feature to balance project assignments.
Developing a collaborative document editor within the portal for real-time proposal drafting. FYP PORTAL: Final Year Project Management and Clearance System
Inspiration
We were motivated by the persistent administrative friction and lack of transparency plaguing traditional academic workflows, particularly concerning Final Year Projects (FYPs) and degree clearance. The manual routing of documents, ambiguous approval statuses, and absence of standardized compliance checks often lead to student frustration, supervisory overload, and significant delays. Our core inspiration was to develop a secure, intelligent, and unified portal that replaces this fragmented experience with an efficient, proactive guidance system, transforming the administrative burden into an automated, student-centric experience.
What it does
The FYP PORTAL is a comprehensive, multi-role system that manages the entire FYP lifecycle and monitors degree progress. It provides role-specific interfaces for Students, Supervisors, and Administrators (HOD), ensuring tailored access and functionality.
Core Functionality:
Role-Based Access: Tailored dashboards for Students, Supervisors, and HODs.
Real-Time Tracking: Instant updates on FYP proposal status and administrative clearance progress.
Digital Clearance Workflow: Monitors progress for all administrative clearances (e.g., Accounts, Library, Academic Office).
Innovative Scope Enforcer Middleware: Proactively validates all submissions against academic criteria, guaranteeing compliance before human review begins, significantly reducing supervisory overload.
How we built it
We rapidly developed the FYP PORTAL using the MERN Stack (MongoDB, Express.js, React, Node.js), leveraging JavaScript's uniformity for speed and scalability.
Component
Technology
Function
Frontend
React.js / Tailwind CSS
Built a dynamic, responsive interface with a clean, Dark Mode Tech aesthetic.
Backend/API
Node.js / Express.js
High-performance application layer for API routing and business logic.
Database
MongoDB
Data persistence, securely storing project information and user data.
Security
bcrypt & JWT
bcrypt for password encryption; JSON Web Tokens (JWT) for session management and authorization.
Challenges we ran into
The primary technical challenge was the concurrent implementation of three complex requirements:
Secure, Multi-Role JWT Authentication: Ensuring tokens were correctly issued and managed.
Granular Role-Based Access Control (RBAC): Implementing middleware on the backend to restrict access precisely—for example, ensuring only a Supervisor can access the /api/projects/approve endpoint.
Scope Enforcer Logic: Designing custom server-side checks that must query the MongoDB database and validate submission content and status against academic criteria efficiently.
Balancing this security and complexity with the rapid development timeline demanded rigorous focus and immediate problem-solving to ensure the system’s integrity and stability.
Accomplishments that we're proud of
We successfully delivered a secure, fully integrated, multi-role system within the tight deadline. We are most proud of:
The seamless implementation of JWT and RBAC across all critical API endpoints.
The successful integration of the Innovative Scope Enforcer Middleware, which automates pre-review compliance.
Achieving a cohesive, high-performance architecture using the MERN stack.
What we learned
We learned the critical importance of balancing rapid, full-stack development with rigorous security design. Overcoming the challenge of integrating complex RBAC middleware with the Scope Enforcer logic highlighted the necessity of meticulous state management and server-side validation to ensure both system integrity and a smooth user experience.
What's next for FYP PORTAL
Future plans for the FYP PORTAL include:
Integrating with the university's academic information system (AIS) for real-time credit monitoring (e.g., verifying a student has $\ge 120$ credit hours).
Adding a Supervisor load management feature to balance project assignments.
Developing a collaborative document editor within the portal for real-time proposal drafting.
