Rapid Prototyping in TypeScript

Building a fullstack web application with NodeJS in today’s landscape of countless frameworks and libraries can be daunting. Which ones should be chosen? How to configure the chosen libraries so that they work together seamlessly rather than against each other? Many technologies and libraries feature a simple "hello world" tutorial but combining the technologies together to craft a powerful fullstack web application is not straightforward. The lack of a good introduction to a new technology slows down the development process and distracts developers from focusing on what truly matters: building features. For this purpose we developed an approach with rapid prototyping. Our proof of work focuses on fast development without the need of always adapting the API when changes are made. Our approach to rapid prototyping is based on a GraphQL API that supports code generation with the help of TypeGraphQL-Prisma, which creates the resolvers for create read update and delete operations for each data model out of the box. To bring rapid prototyping to the developers, we created an easy to understand tutorial with Docusaurus, a static website generator that makes it easy to build documentation-focused web applications that are accessible and engaging, that we refined based on feedback we gathered from user testing. The tutorial demonstrates our technologies in a realistic and easy to understand example application where you can make ticket reservations for a cinema chain.