M5 Master Wizards of Java Learning Java fundamentals through magic and storytelling

Team

  • To Uyen Nguyen Thi
  • Gerrit Behrens
  • Maximilian Ehlert
  • Julius Schultz

Supervision

Prof. Dr. Debora Weber-Wulff

Concept & Design

Logo of Miro Miro was used for the initial brainstorming sessions, for finalizing the requirements and the concept. We used it as well for the first low-fidelity prototypes. It allowed the team to discuss and visualize ideas and record decisions.
Logo of Figma Figma was used to create the UI component library, style guide, and final design for the user interface of the application.

Frontend Development

Logo of Nuxt.js Nuxt.js is a powerful Vue.js framework that simplifies the development of web applications by providing a nice-to-handle directory structure, server-side rendering, routing functionalities, and other built-in features. By harnessing Nuxt, the team was able to create reusable UI components, accelerate development speed, and deliver a modern and intuitive web application.
Logo of JavaScript JavaScript is a versatile and widely used programming language that enables the development of interactive and dynamic web applications.
Logo of TypeScript TypeScript is a statically typed language that extends JavaScript.
Logo of Tailwind Tailwind CSS is a utility-first CSS framework for building stylish and responsive user interfaces. By providing a comprehensive set of low-level utilities, it makes it easy to create and customise consistent, visually appealing UI components, and enhances the overall efficiency of the development process.
Logo of Vite Vite is used as a modern build tool and development server that enhances the web development workflow.
Logo of Pinia Pinia provides a simple and intuitive API for managing the state of the application, making it easier to build scalable and maintainable applications.

Backend Development

Logo of Strapi Strapi is a headless CMS that provides a robust solution for managing and updating the content of the application. We used this technology as a backend for our application and connected it with a MySQL database.
Logo of Docker Docker is a containerization platform that allows developers to package and run applications in isolated environments, making it easier to deploy and manage applications. For the deployment of Strapi and MySQL we coordinated with the HTW Rechenzentrum to use an HTW server.
Logo of MySQL MySQL is a popular open-source relational database management system (RDBMS) used to store and manage data for web applications. We used it in combination with Strapi and Docker.

Codebase & Communication

Logo of Gitlab Gitlab GitLab served as the chosen platform for managing the project's codebase, with both a repository for the backend and the frontend. The built-in Kanban feature helped to create tickets and keep track of todos. We were able to create a group in Gitlab hosting all our repositories in one place in coordination with the HTW Rechenzentrum.
Logo of HTW Berlin The HTW Rechenzentrum has offered us a server to host the application to which we deployed the application.