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 MiroMiro 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 FigmaFigma 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.jsNuxt.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 JavaScriptJavaScript is a versatile and widely used programming language that enables the development of interactive and dynamic web applications.
Logo of TypeScriptTypeScript is a statically typed language that extends JavaScript.
Logo of TailwindTailwind 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 ViteVite is used as a modern build tool and development server that enhances the web development workflow.
Logo of PiniaPinia 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 StrapiStrapi 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 DockerDocker 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 MySQLMySQL 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 GitlabGitlab 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 BerlinThe HTW Rechenzentrum has offered us a server to host the application to which we deployed the application.