sujankakumanu.com

Personal portfolio built with Astro, Vue.js, and CSS. This site is designed to be a hub for my software engineering projects and academic background.

🚀 Tech Stack

• Framework: Astro
• Hybrid Components:
  • Static UI: Built with standard HTML/Astro components for instant loading.
  • Interactive UI: Built with Vue.js 3 to handle state-driven interactions. Shout-out to my software engineering experience at JPMC!
• Styling: Custom CSS with a focus on typography and responsive layouts.
• Deployment: GitHub Actions to GitHub Pages.
• Fonts: IBM Plex Serif, IBM Plex Mono, and Inter.

📂 Project Structure

Most of the code lives in the /portfolio subdirectory.

/portfolio
├── src/
│   ├── assets/       # Images used in the website
│   ├── components/   
│   │   ├── layout/   # Layout related components (header, footer)
│   │   ├── sections/ # High level sections of the website
│   │   └── ui/       # Any components that exist within sections
│   ├── layouts/      # Base Astro layout, global styling
│   └── pages/        # Main routing (index.astro)
├── astro.config.mjs  # Configured with base: '/portfolio'
└── package.json      # Dependencies and build scripts