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

https://github.com/prince0xdev/portfolio

My portfolio v1, powered by Next.js and running smoothly on Vercel’s edge infrastructure.
https://github.com/prince0xdev/portfolio

my-portfolio nextjs reactjs tailwind-css vercel

Last synced: 5 months ago
JSON representation

My portfolio v1, powered by Next.js and running smoothly on Vercel’s edge infrastructure.

Awesome Lists containing this project

README

          

# πŸš€ Personal Portfolio Website

## Overview

Welcome to my portfolio repository! This is a modern, responsive personal portfolio website built with Next.js 15, React 19, and Tailwind CSS. It showcases my projects, skills, and professional journey as a front-end developer.

I'm **Prince Ekpinse** β€” a 19-year-old **front-end developer** from **Benin**, passionate about building fast, clean, and creative web experiences. My mission is to connect the world through **clean code**, **innovation**, and a spark of **African creativity**.

Always open to exciting collaborations and tech challenges πŸš€

## πŸ’‘ About Me

- πŸ’» [Ex] Junior Front-End Developer Intern at [FeexPay](https://feexpay.me/)
- πŸ”­ Currently building [**Code Sweep**](https://github.com/prince0xdev/code-sweap) β€” a vscode extension to clean your code in one click.
- 🌱 Learning more about **Next.js** and building **RESTful APIs**
- 🀝 Open to contributing to open-source projects and practical solutions
- πŸ“ I share my journey on [LinkedIn](https://www.linkedin.com/in/prince-ekpinse/)
- 🌐 Portfolio: [prince0xdev.vercel.app](https://prince0xdev.vercel.app)
- πŸ“© Contact me: `princeekpinse97@gmail.com`

---

## ✨ Project Features

### Core Functionality
- πŸŒ™ **Dark/Light Mode** - Seamless theme switching
- πŸ“± **Responsive Design** - Optimized for all devices
- 🎨 **Modern UI Components** - Built with Radix UI
- πŸ“ **Blog Platform** - MDX-powered with syntax highlighting
- ⚑ **Performance Optimized** - Built with Next.js 15 and Turbopack
- πŸ” **SEO Friendly** - Optimized meta tags and sitemap

### Interactive Elements
- πŸ“Š **Scroll Progress** - Visual progress indicator
- 🌐 **Globe Visualization** - Interactive 3D globe
- ✨ **Particle Effects** - Dynamic background animations
- ⌨️ **Typing Animations** - Engaging text displays
- 🎯 **Interactive Buttons** - Custom hover effects

---

## πŸ› οΈ Tech Stack

### Core
- **Framework:** Next.js 15 (with Turbopack)
- **Language:** TypeScript
- **UI Library:** React 19
- **Styling:** Tailwind CSS, Radix UI
- **Animations:** Framer Motion

### Content & Rendering
- **Blog Engine:** MDX with remark/rehype plugins
- **Syntax Highlighting:** rehype-highlight, sugar-high
- **Date Handling:** date-fns

### UI Components & Features
- **UI Libraries:** Radix UI (Collapsible, Dialog, Tooltip)
- **Icons:** Lucide React, Radix Icons
- **Theming:** next-themes
- **Animations:** Custom MagicUI components

### Development & Deployment
- **Type Checking:** TypeScript
- **Linting:** ESLint
- **Package Manager:** npm
- **Deployment:** Vercel
- **Analytics:** Vercel Analytics

---

## πŸ’¬ Feedback is Welcome
Open an issue or contact me directly β€” I’m always up for feedback and collaboration!

---

## 🌐 Connect with Me











**Thanks for stopping by! Let’s build something great together πŸš€**