Zeitiv.dev Portfolio Presentation - README

Overview

Welcome to the Slidev presentation for Alex Grädel's portfolio project, zeitiv.dev. This presentation provides an in-depth look at the project's goals, tech stack, and future improvements, highlighting modern web development practices.

Features

• Theme: Dracula
• Fonts:
  • Sans: Fira Code
  • Serif: Ubuntu
  • Mono: Fira Code
• Code Highlighting:
  • Two-slash support: Enabled
  • Line Numbers: Enabled
  • Highlighter: Shiki
  • Monaco Font: Enabled
• Slide Transition: Slide-left
• Miscellaneous:
  • Drawings: Persist
  • Hide in Table of Contents: Enabled

Sections

1. Introduction
2. Project Overview
3. Tech Stack
4. Tech Stack Deep Dive
5. Components
6. Future Improvements
7. Questions

Usage

To run the presentation locally:

1. bun i

2. Start the Slidev server using Bun:

   bun run dev

Open your browser and navigate to http://localhost:3030 to view the presentation.

Tech Stack

Frontend:

• Angular 18: Framework for building dynamic single-page applications.
• Astro: Static site generator for improved performance.
• UnoCSS: Atomic CSS engine for rapid UI development.
• TypeScript: Adds static type definitions to JavaScript.

Backend:

• BunJS: Fast JavaScript runtime.
• Elysia: Minimalist backend framework.
• TypeScript: Used for type safety.
• ViteJS: Fast build tool.

Server:

• Ubuntu: Operating system.
• Docker: Containerization platform.
• Portainer: Docker management tool.
• NGINX: High-performance web server.

Author

Alex Grädel
Frontend Developer

License

This project is licensed under the MIT License.