An open API service indexing awesome lists of open source software.

https://github.com/leonkohli/nuxt-portfolio

My personal portfolio page.
https://github.com/leonkohli/nuxt-portfolio

nuxt nuxtjs portfolio portfolio-website web

Last synced: 12 months ago
JSON representation

My personal portfolio page.

Awesome Lists containing this project

README

          

# leonkohli.dev - Modern Portfolio Website

Welcome to the repository for [leonkohli.dev](https://leonkohli.dev) - my personal portfolio website showcasing my work and skills. Built with modern technologies, this site demonstrates clean code, smooth interactions, and optimal performance.

![100Performance](https://github.com/user-attachments/assets/bde4f897-bca8-44d1-a733-97f724c46973)

## ✨ Features

- **Modern Tech Stack**: Built with Nuxt 3, Vue 3, TypeScript, and Tailwind CSS
- **Responsive Design**: Mobile-first approach with fluid layouts
- **Smooth Animations**: Custom fade-in and interaction animations
- **Project Showcase**: Interactive project cards with hover effects
- **Performance Optimized**: Leverages SSR and image optimization
- **SEO Ready**: Built-in meta tags and structured data
- **Component Library**: Uses shadcn-vue for consistent UI components
- **Dark Mode**: Dark theme optimized for readability

## 🛠️ Tech Stack

- **Framework**: [Nuxt 3](https://nuxt.com/)
- **UI Library**: [Vue 3](https://vuejs.org/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **Components**: [shadcn-vue](https://www.shadcn-vue.com/)
- **Type Safety**: [TypeScript](https://www.typescriptlang.org/)
- **Content**: [@nuxt/content](https://content.nuxt.com/)
- **Icons**: [@nuxt/icon](https://github.com/nuxt-modules/icon)
- **Image Optimization**: [@nuxt/image](https://image.nuxt.com/)

## 🚀 Getting Started

### Prerequisites

- Node.js (v18 or higher)
- bun (recommended) or npm

### Installation

1. Clone the repository:
```bash
git clone https://github.com/yourusername/portfolio.git
cd portfolio
```

2. Install dependencies:

```bash
bun install
```

3. Start the development server:

```bash
bun dev
```

The site will be available at `http://localhost:3000`

## 📝 License

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