Inspiration
Our inspiration came from the need to create a simple, user-friendly platform that helps students and teams manage their FYP and degree-related tasks more efficiently. We wanted to reduce confusion, improve communication, and make academic workflows easier to track. This idea motivated us to design a clean and accessible frontend interface.
What it does
The project provides a streamlined frontend interface where users can easily navigate through different sections related to FYP and degree workflow automation. It displays structured information, organized pages, and a clean layout that makes it easier for students to understand the process, access resources, and interact with the portal
How we built it
We built the frontend using HTML, CSS, and simple UI components to ensure clarity and responsiveness. As a team, we divided tasks, collaborated through Git and GitHub, and merged our work efficiently. We focused on clean structure, consistent styling, and user-friendly design to create a functional prototype for the workflow automation portal.
Challenges we ran into
Ensuring design consistency while working as a team
Managing merge conflicts and version control through Git/GitHub
Aligning the layout, colors, and structure so all pages look uniform
Organizing work distribution and staying on the same timeline
Deciding how to visually represent workflow steps in the frontend
Accomplishments that we're proud of
Successfully completing the frontend design as a team
Maintaining clean and well-structured code
Using Git/GitHub professionally for collaboration
Building a neat and easy-to-understand interface
Overcoming conflicts, design issues, and communication gaps together
What we learned
Effective teamwork and task management
Proper use of Git commands (add, commit, push, pull, resolving conflicts)
How to collaborate on a shared codebase
Frontend design principles, basic UI/UX alignment, and clean layout creation
The importance of planning and communication in multi-person projects
What's next for FYP & DEGREE WORKFLOW AUTOMATION PORTAL.
Adding backend integration using Node.js or another framework
Connecting the portal to a database for dynamic content
Implementing authentication and user roles
Automating workflow processes (forms, submissions, tracking, approvals)
Turning the prototype into a fully functional university portal
Improving the UI with more advanced components and responsive design
Log in or sign up for Devpost to join the conversation.