💡 Inspiration
I was inspired to create a dynamic, interactive portfolio that reflects my skills, creativity, and projects in a visually engaging way.
I wanted to go beyond a basic resume by building a portfolio that offers a seamless user experience with smooth animations and responsiveness, making it stand out in the digital space.
🚀 What it does
- Showcases my projects and achievements with a sleek and user-friendly UI.
- Features smooth scrolling animations and hover effects for interactivity.
- Includes a fully functional contact form for easy communication.
- Ensures full responsiveness across devices, offering a consistent experience.
- Provides direct links to GitHub repositories for easy access.
🛠️ How we built it
- Languages: HTML, CSS, JavaScript.
- Animations: Framer Motion for smooth transitions and interactive effects.
- Design: Clean layout with hover effects and scroll-based animations.
- Deployment: Published on GitHub Pages for public access.
- Performance Optimization: Minified CSS and lazy-loaded images for faster loading.
⚡ Challenges we ran into
- Performance Optimization: Balancing animations with load time was tricky, requiring code optimization.
- Cross-Device Compatibility: Ensuring smooth responsiveness on mobile, tablet, and desktop.
- UI/UX Consistency: Refining the design through multiple iterations to achieve a polished look.
🏆 Accomplishments that we're proud of
- Successfully created a stylish and responsive portfolio with dynamic animations.
- Integrated smooth scrolling and hover effects for a seamless user experience.
- Deployed the portfolio on GitHub Pages, making it publicly accessible.
- Highlighted my projects and achievements effectively through clean design.
📚 What we learned
- Improved frontend development skills with HTML, CSS, and JavaScript.
- Gained experience in Framer Motion animations for smooth effects.
- Enhanced knowledge of UI/UX design principles and performance optimization.
- Learned the importance of cross-device consistency in web development.
🔥 What's next for Ranojit's Portfolio
- Dark Mode Toggle: Adding a light/dark mode switch for customization.
- Dynamic Project Filtering: Let users filter projects by tech stack.
- SEO Enhancements: Optimize metadata and tags for better search visibility.
Built With
- css3
- framer
- html5
- javascript

Log in or sign up for Devpost to join the conversation.