Skip to main content

Bachelor Project

New improved website with a CMS solution that does not require knowledge of HTML for the Student House in Gjøvik.

Tech stack

  • Next.js
  • React.js
  • Strapi
  • Heroku
  • Formik
  • Yup
  • Material UI
  • Sass
  • Panelbear
  • Sentry
  • SendGrid
  • Axios
  • DayJS

Background

After three years of study at NTNU Gjøvik, we were to complete a bachelor thesis. I and three other fellow students wanted to build upon another project we took in another subject where we were assigned a finished prototype but revealed shortcomings in this which made us start all over again with designing and coding in the bachelor thesis.

Technologies

This website is made with Next.js for the frontend and Strapi for the backend. The project owner wanted a CMS where it was not necessary to be able to code or HTML as those who were to update the content did not have expertise in that field. Therefore, the choice fell on Strapi. The CMS system also made it easy to get all content in Norwegian and English plus the ability to paginate posts.

We used Sass to style some elements, but we mainly used the Material UI library for components. Sentry was used to keeping track of error messages during development and Panelbear was added as an alternative to Google Analytics.

Improvements

If I were to do this project again I would test out other CMS solutions to learn more. Instead of using Material UI, I would style everything with Sass and code myself to have more control over how they behave.

I would focus more on accessibility and test it carefully for each component we created and implement the Jest and Testing library to test each component before being pushed out to Github.