🌐 Live: sathvik2954.netlify.app
A personal portfolio showcasing my projects, writing, skills, and experience in AI/ML and full-stack development - built from scratch with vanilla HTML, CSS, and JavaScript, no frameworks.
| Layer | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (custom properties, glassmorphism, animations, responsive grid) |
| Scripting | Vanilla JavaScript (ES6+) |
| Fonts | Inter + Space Grotesk (Google Fonts) |
| Icons | Font Awesome 6 |
| Hosting | Netlify |
- Hero - asymmetric two-column layout with typewriter role animation and quick-info panel
- About - bio with interests and currently-building sidebar
- Education - horizontal card timeline
- Skills - filterable tag grid (Languages, Frameworks, ML/AI, Tools)
- Projects - filterable flip-card grid (Full Stack, AIML, Data Science, SDE)
- Writing - Medium article cards
- Certifications - horizontal badge row
- Leadership - activity cards
- Glassmorphism cards with
backdrop-filter: bluracross all sections - Flip cards on hover for project details
- Typewriter animation cycling through roles
- Filter tabs for both Skills and Projects
- Click-to-copy email
- Smooth scroll + active nav link tracking
- Scroll-shrink navbar
- Custom cursor dot
- Scroll-triggered
slide-upentrance animations - Fully responsive down to mobile (flip cards disabled on touch)
No build tools or dependencies required.
git clone https://github.com/Sathvik2954/portfolio.git
cd portfolioOpen index.html directly in a browser, or serve locally:
python -m http.server 3000
# Open http://localhost:3000