High-performance, editorial portfolio website showcasing systems software, developer tooling, and financial analysis.
Visit Live Portfolio: amandeavor.netlify.app →
Overview • Design System • Structure • Quickstart • Guidelines
This repository contains the source code for Aman Awasthi's primary personal portfolio website. Built with React 19, Vite 8, and Tailwind CSS 4, it combines typography-driven editorial layouts with hardware-accelerated motion (Framer Motion + Lenis smooth scrolling).
The site follows high-end, anti-slop digital design standards:
- Typography First: Bold headlines with tight tracking and high-contrast supporting prose.
- Rhythmic Spacing: Strict 8px spatial grid enforcing balanced negative space.
- Micro-Motion: Subtly damped spring transitions that enhance navigation without layout shift.
- Zero Heavy Bloat: Optimized client-side bundles yielding near-perfect Lighthouse scores.
Aman-Portfolio/
├── src/
│ ├── sections/ # Hero, Selected Works, Open Source, About, Experience, Contact
│ ├── components/ # High-contrast navigation, project cards, modals, theme toggles
│ ├── data/ # Structured portfolio projects, blog posts, work histories
│ ├── assets/ # Optimized vector graphics, typography assets, imagery
│ └── styles/ # Tailwind CSS v4 variables and typography tokens
├── netlify.toml # Edge caching, redirects, and deployment build pipeline
└── public/ # Static public assets, robots.txt, sitemap
- Node.js
20+LTS - npm
10+
# 1. Clone repository
git clone https://github.com/amandeavor/Aman-Portfolio.git
cd Aman-Portfolio
# 2. Install dependencies
npm install
# 3. Start local development server
npm run dev# Run ESLint code checks
npm run lint
# Production build and bundle optimization
npm run build
# Preview production build locally
npm run previewCopyright © 2024–2026 Aman Awasthi. All rights reserved.