Shubham's Portfolio

Decided to build a personal portfolio from scratch rather than using templates. Researched modern portfolio designs for inspiration and defined the feature set.

Established the visual identity: dark-mode-first design, gradient accents, Geist font family, and smooth Framer Motion animations throughout.

Built the initial static version with hero section, about page, and basic project listing. Deployed to Vercel for early feedback.

Added a blog section with Markdown-based content, syntax highlighting for code blocks, and category-based filtering.

Created dynamic /projects/[slug] pages with individual project timelines, tech stack badges, and GitHub + live site links.

Added scroll-triggered animations, page transitions, and interactive hover effects on project cards. Tuned timing for a premium feel.

Refactored to load projects from a centralised data file. Built the project card grid with responsive layouts and gradient text headers.

Connected shubhamsingla.tech domain. Added proper meta tags, Open Graph images, and canonical URLs for search visibility.

Integrated dynamic project loading, timeline views, GitHub repository links, and live site buttons. Full compliance audit against engineering standards.

Expanding project timelines, verifying all live links, refining the project detail experience, and keeping content current with new projects.