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

https://github.com/erbilnas/portfolio

The digital showcase about me, a passionate software engineer with a love for video games, technology, and insightful writing.
https://github.com/erbilnas/portfolio

gsap inspira nitro nuxt pinia portfolio-website shadcn-vue tailwindcss typescript vercel vue vue3 vuejs vueuse

Last synced: 4 months ago
JSON representation

The digital showcase about me, a passionate software engineer with a love for video games, technology, and insightful writing.

Awesome Lists containing this project

README

          

# My Portfolio

The digital showcase about me, a passionate software engineer with a love for video games, technology, and insightful writing

### Preview Latest Features

- [Visit my playground](https://preview.erbilnas.com/)

### Did You Miss Old Versions?

- [Version 5](https://v5.erbilnas.com/)

### Technology Stack

#### Core Framework

- [Nuxt 3](https://nuxt.com/) - Vue.js meta-framework
- [Vue 3](https://vuejs.org/) - Progressive JavaScript framework
- [TypeScript](https://www.typescriptlang.org/) - Typed JavaScript
- [Vite](https://vitejs.dev/) - Build tool and dev server
- [Nitro](https://nitro.unjs.io/) - Server engine
- [Bun](https://bun.sh/) - Package manager and runtime

#### UI Components & Design System

- [shadcn-vue](https://shadcn-vue.com/) - UI component library
- [Radix Vue](https://www.radix-vue.com/) - Headless UI primitives
- [Inspira UI](https://inspira-ui.com/) - Design system plugins
- [Lucide Vue Next](https://lucide.dev/) - Icon library
- [@nuxt/icon](https://nuxt.com/modules/icon) - Icon system

#### Styling

- [TailwindCSS](https://tailwindcss.com/) - Utility-first CSS framework
- [tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate) - Animation utilities
- [class-variance-authority](https://cva.style/) - Component variant management
- [clsx](https://github.com/lukeed/clsx) - Conditional class names
- [tailwind-merge](https://github.com/dcastil/tailwind-merge) - Merge Tailwind classes

#### State Management & Utilities

- [Pinia](https://pinia.vuejs.org/) - State management
- [VueUse](https://vueuse.org/) - Collection of Vue composition utilities
- [@vueuse/motion](https://motion.vueuse.org/) - Motion utilities for Vue

#### Animation Libraries

- [GSAP](https://gsap.com/) - Animation library
- [motion-v](https://motion-v.com/) - Vue motion library
- [vue-use-spring](https://github.com/praburangki/vue-use-spring) - Spring animations
- [@number-flow/vue](https://number-flow.dev/) - Number animation library

#### Visual Effects

- [canvas-confetti](https://github.com/catdad/canvas-confetti) - Confetti effects
- [cobe](https://github.com/shuding/cobe) - 3D globe visualization

#### Internationalization & Theming

- [@nuxtjs/i18n](https://i18n.nuxtjs.org/) - Internationalization
- [@nuxtjs/color-mode](https://color-mode.nuxtjs.org/) - Dark mode support

#### Image Optimization

- [@nuxt/image](https://image.nuxtjs.org/) - Image optimization module

#### Notifications

- [vue-sonner](https://github.com/wobsoriano/vue-sonner) - Toast notifications

#### APIs & Integrations

- [HowLongToBeat API](https://github.com/ckatzorke/howlongtobeat) - Game completion time data
- Spotify API - Music player integration
- RSS2JSON API - Blog feed parsing
- GitHub API - Contribution stats (requires `GITHUB_USERNAME` or `GITHUB_PROFILE_URL`; optional `GITHUB_TOKEN` for higher rate limits)

#### Analytics & Monitoring

- [@vercel/analytics](https://vercel.com/analytics) - Web analytics
- [@vercel/speed-insights](https://vercel.com/docs/speed-insights) - Performance monitoring

#### Deployment & CI/CD

- [Vercel](https://vercel.com/) - Deployment platform
- [semantic-release](https://semantic-release.gitbook.io/) - Automated version management