https://github.com/fabian-kleine/fabian-kleine.dev

My Portfolio Page
https://github.com/fabian-kleine/fabian-kleine.dev

javascript magicui nextjs portfolio react shadcn-ui tailwindcss typescript

Last synced: 5 months ago
JSON representation

My Portfolio Page

• Host: GitHub
• URL: https://github.com/fabian-kleine/fabian-kleine.dev
• Owner: Fabian-Kleine
• License: mit
• Created: 2025-04-15T14:43:49.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-05-01T17:48:28.000Z (5 months ago)
• Last Synced: 2025-05-01T18:40:20.398Z (5 months ago)
• Topics: javascript, magicui, nextjs, portfolio, react, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://fabian-kleine.dev
• Size: 14.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# fabian-kleine.dev

![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2FFabian-Kleine%2Ffabian-kleine.dev%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.dependencies.next&logo=next.js&logoColor=next.js&label=Next.js)

[![Repo Language Count](https://img.shields.io/github/languages/count/Fabian-Kleine/fabian-kleine.dev)](https://github.com/Fabian-Kleine/fabian-kleine.dev)

[![Repo Top Language](https://img.shields.io/github/languages/top/Fabian-Kleine/fabian-kleine.dev)](https://github.com/Fabian-Kleine/fabian-kleine.dev)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

![GitHub last commit](https://img.shields.io/github/last-commit/Fabian-Kleine/fabian-kleine.dev)

## ✨ About

This repository contains the source code for my personal portfolio website, built to showcase my projects, skills, and experience.

## ⭐ Features

* Visually appealing and responsive design

* Dark and light mode support

* MDX support for easy content creation

* Contact form with email notifications

* Project Showcase

* Showcase of Tech Stack

## 🚀 Tech Stack

The primary technologies used in this project include:

*   **[TypeScript](https://www.typescriptlang.org/)**: Superset of JavaScript adding static types.

*   **[MDX](https://mdxjs.com/)**: Markdown for the component era. Allows using JSX in Markdown.

*   **[Tailwind CSS](https:tailwindcss.com)**: Styling the application.

*   **[Next.js](https://nextjs.org)**: The React Framework

*   **[Shadcn UI](https://ui.shadcn.com)**: A modern component platform

## 🏁 Getting Started

To run this project locally:

1.  **Clone the repository:**

    ```bash

    git clone https://github.com/Fabian-Kleine/fabian-kleine.dev.git

    cd fabian-kleine.dev

    ```

2.  **Install dependencies:**

    ```bash

    # Using npm

    npm install

    # Or using yarn

    # yarn install

    ```

3.  **Run the development server:**

    ```bash

    # Using npm

    npm run dev

    # Or using yarn

    # yarn dev

    ```

4.  Open [http://localhost:3000](http://localhost:3000) (or the specified port) in your browser to see the result.

## 📄 License

Example: This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.