DevScope
By
@Riko
- 10 Devlogs
- 19 Total hours
A simple GitHub profile analyzer to explore profiles, repos, languages, and activity in one place.
Ship #2
DevScope is finally live!
(I completely changed the UI for my first ship.)
DevScope is a GitHub profile analyzer I built to make exploring GitHub profiles a little easier. It brings profile info, repos, languages, and activity together in one dashboard instead of having to go through different sections of a GitHub profile.
This release includes GitHub profile search, a repository explorer, language distribution charts, an activity heatmap based on repository pushes, and profile comparison. It fetches live data from the GitHub REST API and is built with React, JavaScript, Tailwind CSS, Recharts, and Vite.
I mainly built this project to get more comfortable working with APIs and real-world data while building something I could actually use. There are still things I want to improve and add, so I’ll probably come back to it with more updates.
NOTE: Enter the correct GitHub username
Highlights
GitHub profile search
Profile info & stats
Repository explorer
Language distribution
Profile comparison
Activity heatmap
Live GitHub API data
Interactive dashboard
Just fixed the README..
Added alerts and loading in the analyzer and compare pages.. updating README
Fixed the issue where entering a username on the Home page navigated to Analyzer, but the URL wasn’t updating properly, causing the page to jitter whenever the input changed.
Fixed the URL update logic and cleaned up unused code across the codebase.
It’s satisfying to finally see DevScope reach this stage. What started as a simple idea has gradually evolved into a complete project through weeks of learning, experimenting, debugging, refactoring, and countless iterations.
There were moments when features didn’t work as expected, layouts completely broke after small changes, and bugs took far longer to solve than I anticipated. More than once, I found myself rewriting components because I realized there was a cleaner or more scalable approach. Looking back, every one of those setbacks taught me something valuable about React, state management, component architecture, asynchronous programming, and UI/UX design.
This project pushed me well beyond my comfort zone. Instead of just making things work, I spent time improving code quality, making components reusable, and refining the overall user experience. Seeing DevScope evolve from a basic GitHub analyzer into something I’m genuinely proud of has been one of the most rewarding parts of this journey.
The core functionality is now complete, and I genuinely hope there aren’t any more major UI changes left to make. After one final round of testing, polishing, and fixing any remaining edge cases, DevScope should be ready for its release.
Hopefully, the next time I post about DevScope, it’ll be to announce that it’s officially live. 🚀
#DevLog 🚀
Built the foundation of the GitHub profile comparison feature in DevScope. Implemented parallel profile fetching with Promise.all, created reusable comparison components, and added side-by-side profile analysis with key developer metrics like followers, repositories, stars, forks, account age, and language usage.
I barely spent any time on the UI today, yet it’s already looking good. Just a few final touches remain before the project is ready to ship.
It’s exciting to finally see this project reaching the finish line. Looking forward to sharing the completed version soon. 🚀
I hope the finish line is finally in sight.(Fingers Crossed!)
Working on the compare page of devscope..
focusing mostly on logic and ux.. im damn too tried to focus on the style … and it still looks good
Video Demo
today was one of those days that reminds me why I love this craft.I went all in on the landing page. What started as a simple polish turned into a full-on UI/UX glow-up. I ripped apart the old layout, rebuilt the visual hierarchy, refined every micro-interaction, and tightened the flow until it felt buttery smooth. The typography, spacing, color balance, the way elements breathe on the screen everything just clicks now.I’m genuinely proud of how it turned out. It doesn’t just look good. It feels premium. It feels like us.
The kind of landing page that makes visitors stop scrolling and actually pay attention.And here’s the best part: I got some real feedback the other day calling out areas that needed improvement on the UI/UX. Instead of getting defensive, I took that shit straight to heart. I let it sit with me, dissected it, and then went nuclear on the redesign.
No ego protection. Just pure execution.And damn… bang. It looks beautiful now. Clean, confident, modern, and actually delightful to use.
DevLog — DevScope Update: Refactored and reworked major parts of DevScope with a focus on improving the overall user experience and interface consistency. The homepage has been redesigned with a cleaner layout and better user flow, the navbar has been simplified for improved navigation, and the search experience has been optimized with direct navigation to the analyzer. Along with these UI/UX improvements, the structure and styling were refined to make the application feel more polished, focused, and maintainable.
Worked on polishing DevScope’s UX today. The home page search now redirects directly to the Analyzer page, and pressing Enter triggers analysis instantly, making the flow much smoother. Also refined several UI elements for a cleaner, more consistent experience. Small changes overall, but they significantly improve usability. Feedback and reviews are welcome.
Ship #1
Built:
• A GitHub profile analyzer that lets you explore developer stats, repositories, and language usage through a clean, interactive dashboard.
Challenge:
• Fetching data from multiple GitHub API endpoints and combining it into meaningful insights while keeping the UI responsive.
Proud of:
• The overall UI and how raw GitHub data is transformed into something that’s easy to explore and understand.
Testing:
• Just enter any public GitHub username, and the dashboard will fetch live data from GitHub.
