This portfolio showcases my journey as a developer
- Astro - Static site generator for optimal performance
- React - Interactive components and animations
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first styling
- Framer Motion - Smooth animations
- Heroicons - Beautiful iconography
/
├── public/
│ ├── images/ # Project screenshots and galleries
│ │ └── me/ # Profile photos
│ │ ├── me.jpg # Main profile photo
│ │ └── me2.jpg # Additional profile photo
│ └── favicon.ico # Site favicon
├── src/
│ ├── components/ # Reusable React/Astro components
│ │ ├── ui/ # UI primitives (buttons, tooltips, etc.)
│ ├── content/ # Content collections
│ │ ├── blog/ # Blog posts (MD)
│ │ └── projects/ # Project documentation (MD)
│ ├── layouts/ # Page layouts
│ ├── pages/ # Site pages and API routes
│ ├── styles/ # Global styles
│ └── utils/ # Utility functions
└── package.json
All commands are run from the root of the project:
| Command | Action |
|---|---|
pnpm install |
Install dependencies |
pnpm dev |
Start development server at localhost:4321 |
pnpm build |
Build production site to ./dist/ |
pnpm preview |
Preview production build locally |
pnpm astro check |
Check for TypeScript and accessibility issues |
pnpm astro sync |
Generate TypeScript definitions for content |
This project is open source and available under the MIT License.