This is the personal portfolio website for Jan-Marlon Leibl, showcasing professional experience, skills, and projects. Built with modern web technologies for optimal performance and user experience.

🛠️ Tech Stack

Framework: Astro - The web framework for content-driven websites
UI Libraries: React - For interactive components
Styling: TailwindCSS - Utility-first CSS framework
Animations: Framer Motion - For smooth animations
Fonts: DM Sans, Instrument Sans
Icons: Astro Icon, React Icons
Runtime: Bun - Fast JavaScript runtime & package manager
Deployment: Docker containerization

🏗️ Project Structure

/
├── public/          # Static assets
├── src/
│   ├── components/  # UI components
│   ├── pages/       # Page routes and templates
│   └── styles/      # Global styles
├── astro.config.mjs # Astro configuration
└── package.json     # Project dependencies

🧞 Development

All commands use Bun as the package manager and runtime:

# Install dependencies
bun install

# Start development server
bun dev

# Build for production
bun build

# Preview production build locally
bun preview

🐳 Docker Deployment

The project includes a Dockerfile for containerized deployment:

# Build the Docker image
docker build -t jleibl-website .

# Run the container
docker run -p 4321:4321 jleibl-website

📝 License

🔗 Connect

Website: jleibl.net

Languages

Astro 79.9%

CSS 8.3%

JavaScript 7.8%

XSLT 3%

Dockerfile 1%