svelte-booking-system-learning

English

About This Project

This project was developed as my final course project (Abschlussprojekt).
It represents an important milestone in my journey as a software developer.

I built this fullstack application completely from scratch to practice real-world development and understand how different technologies work together.

The goal of the project is to connect customers with a hairdresser and manage appointments in a structured and organized way.

Tech Stack

• JavaScript
• TypeScript
• Svelte
• Drizzle ORM
• MySQL
• Database integration
• Fullstack architecture

What I Learned

Through this project, I learned:

• How to structure a fullstack application
• How to connect frontend and backend with a database
• How to design and manage data models
• How to debug and solve real development problems
• How important clean architecture and code structure are

Current State

This project is a learning project.

The code can be improved.
The structure can be cleaner.
The architecture can be optimized.

And that is part of the process.

Next Step

Now that I have gained more experience and learned from my mistakes, I plan to rebuild this project from scratch with a cleaner architecture and better structure.

This repository remains here to document my programming journey and show my growth over time.

Deutsch

Über dieses Projekt

Dieses Projekt wurde als mein Abschlussprojekt entwickelt.
Es stellt einen wichtigen Meilenstein auf meinem Weg als Softwareentwickler dar.

Ich habe diese Fullstack-Anwendung komplett von Grund auf erstellt, um praxisnah zu lernen, wie verschiedene Technologien zusammenspielen.

Ziel des Projekts ist es, Kunden mit einem Friseur zu verbinden und Termine strukturiert zu verwalten.

Verwendete Technologien

• JavaScript
• TypeScript
• Svelte
• Drizzle ORM
• MySQL
• Datenbankintegration
• Fullstack-Architektur

Was ich gelernt habe

Durch dieses Projekt habe ich gelernt:

• Eine Fullstack-Anwendung strukturiert aufzubauen
• Frontend und Backend mit einer Datenbank zu verbinden
• Datenmodelle zu entwerfen und zu verwalten
• Reale Entwicklungsprobleme zu analysieren und zu lösen
• Wie wichtig saubere Architektur und Code-Struktur sind

Aktueller Stand

Dieses Projekt ist ein Lernprojekt.

Der Code kann verbessert werden.
Die Struktur kann sauberer sein.
Die Architektur kann weiter optimiert werden.

Und genau das gehört zum Lernprozess.

Nächster Schritt

Da ich inzwischen mehr Erfahrung gesammelt und aus meinen Fehlern gelernt habe, plane ich, dieses Projekt neu und sauberer von Grund auf aufzubauen.

Dieses Repository bleibt bestehen, um meine Entwicklerreise zu dokumentieren und mein Wachstum sichtbar zu machen.

sv

Everything you need to build a Svelte project, powered by sv.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.