Animated Portfolio Experience
A visually stunning personal portfolio website featuring smooth scroll-based animations, modern dark theme design, and responsive layouts. Built with React, Remix, and modern web technologies.
Visit websiteProject Overview
This portfolio website at 4.prasidhshetty.in is built using React with the Remix framework for server-side rendering and optimal performance. The site features a sleek dark theme, smooth page transitions, and an immersive user experience that showcases my work as a web designer and full-stack developer.
Tech Stack
The frontend is built with React and Remix, utilizing CSS Modules for scoped styling and PostCSS for advanced CSS features. Three.js powers the 3D graphics and WebGL rendering for the interactive Earth model. The site uses Vite as the build tool for fast development and optimized production builds. Vercel handles hosting with edge-side rendering for lightning-fast load times.
Design & UI/UX
The design follows a minimalist dark theme aesthetic with carefully chosen typography and spacing. Smooth scroll-based animations and transitions create an engaging experience as users navigate through the content. The responsive layout ensures the site looks great on all devices, from mobile phones to large desktop monitors.
Key Features
The portfolio includes project showcases with detailed case studies, an about section with my background and skills, a contact form for inquiries, and this interactive 3D Earth demonstration. The site also features theme switching, smooth page transitions, lazy loading for optimal performance, and accessibility features to ensure everyone can navigate the content.
Interactive 3D Experience
Scroll down to explore the interactive 3D Earth model. This demonstrates how 3D graphics can be integrated into web experiences to create engaging, immersive content that captivates users.
WebGL & Three.js
The 3D rendering is powered by Three.js, a powerful JavaScript library that makes WebGL accessible. This allows for real-time 3D graphics directly in the browser without any plugins.
Interactive Labels
Users can interact with the model, viewing labels and exploring different regions. Click and drag to orbit around and freely explore the 3D scene.
Smooth Animations
The model features smooth camera transitions and animations that respond to scroll position, creating a cinematic experience as users navigate through the content.
Visit the Project
Experience the full portfolio at 4.prasidhshetty.in.