João Guilherme - Portfolio

A minimal, elegant portfolio website built with modern web technologies.

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• Components: shadcn/ui + Radix UI
• Animations: Framer Motion
• Analytics: Vercel Analytics
• Fonts: Instrument Serif + Geist Sans

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

Open http://localhost:3000 to view it in your browser.

Project Structure

src/
├── app/
│   ├── layout.tsx    # Root layout with fonts & metadata
│   ├── page.tsx      # Main portfolio page
│   └── globals.css   # Global styles
├── components/
│   ├── ui/           # shadcn/ui components
│   ├── hero.tsx      # Hero section
│   ├── about.tsx     # About section
│   ├── experience.tsx # Experience timeline
│   ├── projects.tsx  # Projects grid
│   └── contact.tsx   # Contact section & footer
└── lib/
    └── utils.ts      # Utility functions

Design Principles

• Minimal & Clean: Generous whitespace, focused content
• Typography-First: Elegant serif headings with modern sans-serif body
• Subtle Interactions: Smooth animations that enhance without distracting
• Performance: Static generation for instant load times

Deployment

Deploy on Vercel for optimal performance:

npm run build

License

MIT

---

Built by João Guilherme