Skip to content
Submitted 10 months ago

Modern GitHub Profile Finder with Dark Mode & Glassmorphism

next, tailwind-css
P
LVL 5
Skyz Walker3,145
@Skyz03
A solution to the GitHub user search app challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

Proud Of:

✅ Glassmorphism & Dark Mode Implementation – Successfully integrated a modern frosted-glass aesthetic with smooth dark/light mode transitions.

✅ Animations & Micro-interactions – Used Framer Motion for fluid animations (staggered loading, hover effects, and theme switching).

✅ Responsive & Clean UI – Achieved a polished look with Tailwind CSS while ensuring mobile-friendliness.

Next Time, I'd Improve:

🔧 Performance Optimization – Reduce unnecessary re-renders with React.memo or useCallback.

🔧 Error Handling – Add more detailed error states (rate limits, network issues).

🔧 Accessibility – Improve keyboard navigation and ARIA labels for screen readers.

What challenges did you encounter, and how did you overcome them?

⚠ Theme Persistence – Dark mode preference reset on refresh. Solution: Added localStorage to save user preference.

⚠ Glassmorphism Browser Support – Some browsers didn’t render backdrop-filter correctly. Solution: Added fallback opaque backgrounds for unsupported browsers.

⚠ API Rate Limiting – Hit GitHub API limits during testing. Solution: Implemented a mock API for development and added loading states.

What specific areas of your project would you like help with?

Code Feedback Needed:

🔍 Animation Optimization – Are there better ways to handle Framer Motion animations without performance hits?

🔍 State Management – Could this benefit from useReducer or context for theme/user data?

🔍 Accessibility Review – Any obvious a11y misses in the current implementation?

Design Feedback:

🎨 Color Contrast – Do the dark/light themes meet WCAG standards?

🎨 UI Polish – Any suggestions for improving the glassmorphism effect?

Would love constructive feedback on these areas! 🚀

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Skyz Walker’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord