Solar Flare
Course: 
Angular, 3rd year
Solar Flare is a fictional festival with a website that, on the one hand, acts as an advertisement to attract potential festival goers, and on the other hand allows them to preorder tickets. This was a group project that I worked on as part of our Angular course. It features a Angular frontend, hosted on Netlify, and a ASP.NET Core backend hosted on Azure. Additionally, the design was made using Figma, and both the frontend and backend have authentication and authorisation implemented with Auth0.
My role in the project
I worked mostly on the backend, as I am more experienced with backend development. My most significant contribution was implementing authentication in the backend with Auth0. However, as this project was for the course Angular, the focus was on making an attractive and functional frontend, so I worked on a few pages on the frontend: the home page, and the order tickets page (pictured):
This page lists the different ticket types (Day, VIP, Weekend), with the prices and the number of remaining tickets. If a new one is added, it will also be listed here. You can choose the number of tickets you want to purchase, and it will automatically compute the price.
The page is protected by both frontend and backend validation: a user cannot specify an amount of tickets larger than the number of available tickets, and the backend will not allow a user to order more tickets than there are available.
I also worked on containerising the backend using Docker, as well as providing a Docker compose stack. This was to ease the development of both the frontend and the backend, as the backend requires a MySQL database to store its data.
At the end of the project, we had to defend our project with a live demonstration in front of a jury consisting of a few IT teachers. Another teammate and I were the speakers, who explained the application.
What I learned
I got became better at Angular through working on this project, and I also improved my skills with regards to writing backend code with .NET, learning about things like Data transfer objects (DTOs). Through setting up the authentication, I learned how that works under the hood with JWT tokens. As this was a group project, I also improved my teamwork, coordinating with the other team members to create the project, by offering to help others if they were stuck, and I also practiced my public speaking skills through the defence of the project.