
How I Built My Portfolio Website with React + Vite: Themes, Particles, GitHub Visualizations, and a Dev.to-Powered Posts Page
How I Built My Portfolio Website with React + Vite: Themes, Particles, GitHub Visualizations, and a Dev.to-Powered Posts Page I recently rebuilt my personal portfolio to reflect how I like to build products: clear architecture, expressive UI, strong performance defaults, and data-backed sections that stay fresh. Live website: https://singhamandeep007.github.io/ Repository: https://github.com/singhAmandeep007/singhAmandeep007.github.io Table of Contents Project Overview Design Direction Architecture At A Glance Theme Engine (Multi Theme) Particles Background With Floating Tech Logos Resume Open Animation Projects Page Posts Page (Powered By Dev.to API) About Page + GitHub Contributions + GitHub Showcase Responsive UX + Sidebar Navigation Performance + Developer Experience What I Would Improve Next Final Thoughts Project Overview This portfolio is built with: React 18 + TypeScript Vite 5 styled-components React Router (lazy route loading) tsParticles for animated background motion Dev.to
Continue reading on Dev.to
Opens in a new tab

.png&w=1200&q=75)