Math Lab Resources Website

Project information

Technologies used

  • React: front-end
  • React Router: dynamic routing
  • JSON: organizing each course's resources
  • Git: version control
  • Adobe XD: user interface prototyping

This project is part of Wartburg College's Math Lab's 2022-23 service project. Our team of 13 students decided that we wanted to serve our community by compiling useful resources on each of the course we tutor our fellow students in. At first, we were just going to gather it all in a Google Doc, but I volunteered to build a website instead, hoping that students would find a website with a nicer user interface easier to use than a plain Google Doc. So, I taught myself React Router to build it, and here we are!

The website is now deployed through GitHub Pages, and here is a walkthrough of what it looks like:

Math Lab Resources website gif walkthrough

I used React Router to build a multi-page website, where students can choose a subject (mathematics or computer science), then choose a specific course they need resources on. Each course page will list a number of useful links to videos, webpages, and tutorials, gathered by every member of the Math Lab 2022-23 team. I've also designed the website so that it can be comfortably rendered with a dark theme, and it is responsive for mobile, tablet, and desktop devices, as well.

Math Lab Resources website mobile + dark theme gif walkthrough
Designed by BootstrapMade