π Shreshtha Portfolio
Inspiration
As a frontend developer, I wanted a fast, modern, and interactive portfolio that truly reflects my skills, projects, and creativity. Instead of using a generic template, I built a unique, fully customized experience that highlights my work in the best way possible.
What it does
Shreshtha Portfolio is a personal website that showcases:
β
My projects with detailed descriptions and visuals
β
My skills in frontend development
β
A clean, light-themed UI for better readability
β
Smooth animations using Framer Motion for an engaging experience
β
Fully responsive design, ensuring seamless viewing on all devices
How we built it
π Tech Stack:
- Next.js for server-side rendering and optimized performance
- Tailwind CSS for a clean, scalable design
- Framer Motion for animations and smooth transitions
- Vercel for deployment and fast load times
Challenges we ran into
- Performance optimization: Ensuring fast load times without sacrificing design quality
- Animation tuning: Finding the right balance between aesthetics and usability
- Responsiveness: Making sure the site adapts flawlessly to different screen sizes
Accomplishments that we're proud of
π Successfully built a fully customized portfolio thatβs fast, smooth, and aesthetically pleasing
π Implemented clean, minimal UI with interactive elements
π Optimized SEO and performance for a great user experience
What we learned
π The power of Next.js optimizations for performance
π How Framer Motion enhances UI/UX through animations
π Best practices in responsive design and accessibility
What's next for Shreshtha Portfolio?
π Adding a dark mode toggle for better UX
π Implementing blog posts to share insights and experiences
π Enhancing project filtering for easier navigation
π Exploring 3D elements with Three.js for a next-level experience
Built With
- context
- framer-motion
- nextjs
- shadcn
- tailwind
Log in or sign up for Devpost to join the conversation.