React.js, and HTML/CSS.
The MUTT Board is a large touchscreen TV outside the Digital Corps office that displays information and experiences for employees and students of Ball State. Building off of the backend I created, I was tasked with creating an admin panel so that admins could add experiences to the board.
The main goal of the admin panel was to create an efficient and easy way for admins (Digital Corps employees) to edit, add, and delete experiences from the launcher. The admin panel was meant to be a way for people with no development background to maintain the MUTT Board.
With the help of the design team, I was able to get a Figma of how the admin panel would look. I used this to create a HTML page that had all the required fields. I then used React to add the functionality needed. This proved to be a challenge as I ended up finding bugs within the backend. It also allowed me to see things that needed to be added for a better user experience. One feature I added was a way to ‘spotlight’ an experience. This added an extra field in the backend that when marked as active would only show experiences with the active field. This feature was necessary to add so that admins would not have to go to each active experience and set them to inactive, and instead they would just have to spotlight one. Once functional, I was able to style the page with CSS to look like the provided Figma.
All in all, creating the admin panel strengthened my React skills and problem solving skills. The panel has made an impact on how experiences are managed and displayed for admins.