🚀 Leo.Naruebet's Portfolio - No Cap FR FR

Bestie, this isn't just another portfolio - it's a whole vibe! Built with Next.js 15 and that bussin Tailwind CSS, we're serving looks and performance that's straight fire! 💅✨

✨ Features That Hit Different

• 🌓 Dark Mode Supremacy - Because we're too cool for light mode, periodt!
• 🎭 Animated UI - Framer Motion transitions that are literally giving everything
• 💫 Interactive Terminal - It's giving tech-savvy main character energy
• 📱 Responsive AF - Slays on every device, no crumbs left
• 🎨 Neon Aesthetic - The aesthetic? Immaculate. The vibes? Impeccable.
• ⚡️ Lightning Fast - Faster than your bestie saying "slay"

🛠 Tech Stack (It's Kinda Ate)

• Framework: Next.js 15 (The girlboss of frameworks)
• Styling: Tailwind CSS (She's an icon, she's a legend)
• Animations: Framer Motion (Serving smooth transitions realness)
• Icons: React Icons (Icon behavior, tbh)
• Deployment: Vercel (She deploys like butter)
• Type Safety: TypeScript (No bugs allowed in this household)

🚀 Getting Started (It's Giving Tutorial)

First, bestie, make sure you have Node.js installed (she's essential). Then:

```bash

Clone the repo (she's ready to slay)

git clone https://github.com/leonaruebet/Naruebet-Portfolio-Website.git

Enter the project (welcome to the serve)

cd portfolio-next

Install dependencies (gather the girlies)

npm install

Start the development server (let's get this bread)

npm run dev ```

Now open http://localhost:3000 and watch her eat! 💅

🎨 Project Structure (The Blueprint)

``` portfolio-next/ ├── src/ │ ├── app/ # Main app routes (she's organized) │ ├── components/ # Reusable components (the squad) │ │ ├── layout/ # Layout components (the backbone) │ │ ├── sections/ # Page sections (the main characters) │ │ └── ui/ # UI components (the supporting cast) │ └── styles/ # Global styles (the aesthetic) ├── public/ # Static assets (the props) └── package.json # Dependencies (the essentials) ```

🌟 Features Breakdown (The Tea)

💅 Experience Section

• Timeline layout that's giving main character energy
• Hover states that are literally perfect
• Markdown support for that extra spice

🏆 Awards & Achievements

• Categories that hit different
• Interactive cards that spark joy
• Animations that are chef's kiss

💫 Skills Showcase

• Dynamic skill ratings (flex much?)
• Category-based organization (we love structure)
• Interactive UI elements (touch some grass? Never heard of her)

🎭 Terminal Experience

• Real-time typing effect (so aesthetic)
• Command-line interface (tech girlboss vibes)
• Easter eggs (iykyk)

📱 Responsive Design (She Fits Everywhere)

• Mobile-first approach (periodt!)
• Adaptive layouts (we love versatility)
• Optimized images (looking fresh on every device)
• Touch-friendly interactions (smooth like butter)

⚡️ Performance (She's Speed)

• Next.js Image optimization
• Lazy loading realness
• Code splitting excellence
• Minimal bundle size (she's on a diet)

🎨 Customization (Make It Yours, Bestie)

1. Update src/components/sections/experience/data.ts with your experiences
2. Modify src/components/sections/skills/data.ts with your skills
3. Edit src/components/sections/awards/index.tsx with your achievements
4. Customize colors in tailwind.config.ts

📦 Deployment (Time to Serve)

Deploy on Vercel for the best performance (she's reliable):

```bash npm run build npm run start ```

💖 Credits & Inspiration

• Design inspiration: Giving cyberpunk meets professional
• Icons: React Icons library (the real MVP)
• Fonts: Satoshi (she's timeless)

🤝 Contributing (Join the Slay)

Pull requests are welcome! For major changes:

1. Fork it (respectfully)
2. Create your feature branch (make it fashion)
3. Commit your changes (spill the tea)
4. Push to the branch (serve it hot)
5. Open a pull request (let's collaborate)

📄 License

MIT License - She's generous like that! 💅

---

Built with 💖 by Leo.Naruebet - Catch me outside, how bout dat?

No cap, this portfolio website is bussin fr fr, on god! ✨