A clean, minimalist dark mode portfolio website built with React and Vite.
Inspired by modern minimalist design principles, this portfolio features:
- Sleek dark mode design with high contrast
- Typography-focused design with Inter font
- Smooth scroll-based animations using React Awesome Reveal
- Fully responsive layout
- Accessible navigation
- Single-page architecture
- Minimalist Design: Clean, distraction-free interface
- Animated Background: Subtle particle.js animations
- Interactive Elements: Project modals with detailed information
- Responsive: Works perfectly on all devices
- Performance: Fast loading with Vite
- Accessibility: WCAG compliant navigation and interactions
- Modern Stack: React 19, Vite 6, CSS3, tsParticles
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- Primary Background:
#0a0a0a - Secondary Background:
#121212 - Primary Text:
#ffffff - Secondary Text:
#b3b3b3 - Tertiary Text:
#8a8a8a - Border:
#2a2a2a
- React 19: Latest React with concurrent features
- React Awesome Reveal: Scroll-based animations
- tsParticles: Lightweight particle system
- Vite 6: Fast build tool and dev server
- Font Family: Inter (Google Fonts)
- Weights: 200, 300, 400, 500, 600
- Letter Spacing: Optimized for readability
- Subtle Animation: Elegant floating particles at 30% brightness
- Interactive: Hover repulse effect for dynamic interaction
- Optimized Performance: 120 FPS with stable bounce movement
- Minimal Configuration: 80 particles with 0.39 opacity
- Clean Design: Non-intrusive background animation