I develop Web Applications and RESTful APIs.
Whether frontend or backend, as a Full-Stack Web Developer I unify both.
I'm a curious, open-minded and kind individual with a great passion for coding.
β | JavaScript ES6+, TypeScript, MERN Stack |
β | Single Page Web Applications (ReactJS) |
β | Layout, Design and Typography (HTML, CSS, MUI) |
β | RESTful APIs (ExpressJS) |
β | Database (MongoDB, SQL) |
β | Agile Methodologies (Kanban, Scrum) |
β | Version Control (Git), Collaboration (CI) |
App for validation of event tickets at the door check-in (scan QR-Code tickets or check-in Box Office tickets).
Intentionally built for offline use, because the current venue has poor internet coverage.
**not public yet, but version 1.0.0 got already tested recently during a music festival.
Technologies: TypeScript, React Native Expo Go, SQLite
Features | |
---|---|
APP | β’ Start Screen. β’ App Icon. β’ Loading Screen. β’ Select an event. β’ Light/Dark theme. β’ Switch Language (en/de). β’ Show prompts before performing operations. β’ Toastbar / Info box. β’ Always keep screen awake. |
Home | β’ Fetch and display current event details. β’ Stats: total sales. β’ Stats: daily checkins. |
Check-in | β’ Qr-code scanner/camera. β’ Request phone camera permissions. β’ Validate pre-saled tickets. β’ Add box office tickets. β’ Counter for checkins. β’ Camera can turn on flashlight. |
Ticket | β’ Offline/Local storage with SQLite. β’ Manually trigger sync process with API (upload, download, update, delete). β’ Upload recent checkins. β’ Download new tickets and Update existing tickets. β’ Show ticket status (valid, used, payment pending, etc.) β’ Search and filter tickets. |
App: Select Event | App: Start Screen | App: Loading Screen |
---|---|---|
|
|
|
Home: Switch Language EN/DE | Home: Light/Dark Mode | Home: Statistics Sales/Checkins |
---|---|---|
|
|
|
Checkin | Checkin: QR-Code | Checkin: Camera Permissions |
---|---|---|
|
|
|
Tickets: Overview, Manage Data | Tickets: Search and Filter | Tickets: Create or Update |
---|---|---|
|
|
|
Develop a fully functional RESTful API Full-Stack Web Application using MERN-Stack (MongoDB, Express, React, Node) and JavaScript as main language, in less than 48-hours.
View Live Demo π
![]() |
![]() |
![]() |
![]() |
![]() |
Practice. Learn. Improve: My personal Frontend Challenges
![]() ![]() |
![]() ![]() ![]() |
![]() ![]() |
![]() ![]() |
4. Summary Component using React + CSS. |
5. Web Platform using React + MUi. View Live Demo π |
6. Tip Calculator App using React + MUi. View Live Demo π |
7. QR-Code Ticket Scanner App using React Native. |
1. Develop a Browser Game using Frontend Technologies. Learn to use basic concepts. JavaScript, HTML, CSS, Canvas, P5.js, DOM, OOP, DRY, KISS, YAGNI, Linting. View Live Demo π |
|
2. Collaborative Development of a Web Application. Introduction to Backend Technologies and collaborative Version Control. Node.js, Express.js, MongoDB, Mongoose, Handlebars.js, Git, GitHub, Session Auth, CRUD. View Live Demo π |
|
3. MERN Full-Stack SPA Web Application and Cross-Cohort Collaboration: Data Analytics β UX/UI Design β Web Development. MongoDB, Express.js, React.js, Node.js, Axios, Chart.js, JWT Auth, REST. View Live Demo π |
π§ Calm and patient individual, easy to get along.
π Attention-to-detail, aiming to build visually appealing web apps.