Porto

A personal portfolio showcasing things I find intresting/want to talk about. The site is built with React and Vite, featuring a home page, writing/blog section, life page, and projects showcase with light/dark theme support and hand-drawn style annotations via rough-notation.

Features

• Home — landing page with animated intro
• Writing — blog post listing and individual post pages
• Life — personal page
• Projects — project showcase
• Theme toggle — light/dark mode, persisted to localStorage and defaulting to system preference

Tech Stack

• React 19 + React Router
• Vite for dev server and build
• Tailwind CSS for styling
• rough-notation for annotation animations
• Playwright for testing

Getting Started

npm install
npm run dev

Scripts

Command	Description
npm run dev	Start the Vite dev server
npm run build	Build for production
npm run preview	Preview the production build
npm run lint	Run ESLint

Project Structure

src/
├── App.jsx           # Routes
├── Home.jsx           # Home page
├── ThemeToggle.jsx     # Light/dark theme toggle
├── projects/           # Projects section
├── life/               # Life section
├── writing/             # Writing/blog section
│   └── blogs/           # Individual blog posts
└── assets/              # Images