Context & Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. The ARRiSE Student Portal is the
main deliverable for our semester 2 SKIL2 project. SKIL2 (Applied Project Skills 2) is an
integrated project course that challenges students to apply the technical knowledge gained
across multiple subjects into one real-world application.
The ARRiSE initiative at Hogeschool PXL focuses on student engagement and activity tracking.
Our team was tasked with designing and building a web portal that allows students to register
for activities, view their progress, and communicate with staff — all within a clean,
accessible interface. The project is still in progress at the time of writing this portfolio.
🖥️
Screenshot — Dashboard Overview (add your screenshot here)
What Was Built
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Our team built the following
components for the ARRiSE portal:
- A responsive front-end using HTML, CSS and JavaScript with a component-based structure
- A REST API back-end built with Python and FastAPI, handling authentication, user data and activity management
- A MySQL database schema designed to support users, roles, activities and registration history
- An admin dashboard allowing staff to create and manage activities, view registrations and send announcements
- A student view displaying upcoming activities, personal progress and a notification feed
📐
Screenshot — Activity Registration Page (add your screenshot here)
My Contribution
In this group project of 4 students, I was responsible for the front-end development
and API integration. Concretely, this meant:
- Designing and coding the HTML/CSS layout for the student dashboard and activity pages
- Writing JavaScript to fetch data from the FastAPI backend and render it dynamically
- Implementing the activity registration flow (form validation, API calls, user feedback)
- Collaborating with the back-end team to agree on API contracts (endpoints, request/response formats)
- Writing unit tests for the front-end components using Jest
💻
Screenshot — Mobile Responsive View (add your screenshot here)
What I Learned
This project pushed me to grow significantly in both technical and interpersonal skills.
Working in a real team with Git branches, pull requests and code reviews was a new experience
that taught me a lot about professional development workflows.
- Building and consuming a REST API in a real-world context
- Database design and SQL query optimisation
- Git collaboration — branching strategy, merge conflicts and code reviews
- Agile / Scrum methodology — sprint planning, standups and retrospectives
- Communication and task division within a 4-person team