The latest articles on DEV Community by ChromiteDev (@chromitedev). https://dev.to/chromitedev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4044489%2F58d7c4e9-b788-4e3c-a16b-e4669e3a0cf5.jpg https://dev.to/chromitedev en ChromiteDev Thu, 23 Jul 2026 23:10:29 +0000 https://dev.to/chromitedev/introducing-aura-the-next-generation-of-digital-identity-1cia https://dev.to/chromitedev/introducing-aura-the-next-generation-of-digital-identity-1cia <p>🌐 Live now: <a href="https://aura.chromitedev.xyz/" rel="noopener noreferrer">https://aura.chromitedev.xyz/</a></p> <p>Today I’m launching <strong>Aura</strong>, a futuristic social identity platform built around one idea:</p> <blockquote> <p>Your online identity should feel like you.</p> </blockquote> <p>Most profiles today are just usernames, pictures, and a few links. Aura is designed to turn that into something more — a customizable digital presence that people can build, share, and evolve.</p> <h2> What is Aura? </h2> <p>Aura is not another link-in-bio tool.</p> <p>It’s a digital identity ecosystem where users can create their own personal space online with:</p> <ul> <li>Custom profiles</li> <li>Themes and animations</li> <li>Music and visual effects</li> <li>Social connections</li> <li>Achievements</li> <li>A unique Aura Score</li> </ul> <p>The goal is to make profiles feel less like pages and more like personal worlds.</p> <h2> ✨ Core Features </h2> <h3> 🎨 Custom Profiles </h3> <p>Create a profile that represents you:</p> <ul> <li>Custom usernames</li> <li>Avatars and banners</li> <li>Galleries</li> <li>About sections</li> <li>Interests and hobbies</li> <li>Social links</li> <li>Music players</li> <li>Custom themes</li> <li>Animated backgrounds</li> <li>Profile effects</li> </ul> <p>Every Aura profile is built to be unique.</p> <h3> 🛠️ Aura Studio </h3> <p>A creative editor for designing your identity:</p> <ul> <li>Live profile editing</li> <li>Drag-and-drop layouts</li> <li>Theme customization</li> <li>Animation controls</li> <li>Background editing</li> <li>Font customization</li> <li>Real-time previews</li> </ul> <h3> 🌎 Social Experience </h3> <p>Aura makes identity social:</p> <ul> <li>Follow users</li> <li>Discover creators</li> <li>React to profiles</li> <li>Comment and reply</li> <li>Share profiles</li> <li>Track visitors</li> <li>Receive notifications</li> </ul> <h3> ⚡ Aura Score </h3> <p>Every profile has an Aura Score.</p> <p>It measures things like:</p> <ul> <li>Profile creativity</li> <li>Customization</li> <li>Activity</li> <li>Achievements</li> <li>Engagement</li> <li>Community participation</li> </ul> <p>The goal isn't just popularity — it's creativity.</p> <h2> 🛒 Creator Marketplace (Coming) </h2> <p>Aura will allow creators to build and share:</p> <ul> <li>Themes</li> <li>Layouts</li> <li>Widgets</li> <li>Backgrounds</li> <li>Fonts</li> <li>Icons</li> <li>Animations</li> <li>Effects</li> <li>Badges</li> <li>Creator collections</li> </ul> <p>Creators will be able to publish, rate, and share their designs with the community.</p> <h2> 🔥 Why I Built Aura </h2> <p>Online identity has become repetitive.</p> <p>Everyone has the same profile layouts, the same cards, and the same experience.</p> <p>Aura is an attempt to change that.</p> <p>Instead of asking:</p> <p>"How many followers do you have?"</p> <p>Aura asks:</p> <p>"What did you create?"</p> <h2> Built With </h2> <p>Aura is built using:</p> <ul> <li>React</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>Framer Motion</li> <li>Supabase</li> </ul> <p>The focus is on a fast, modern, and premium experience.</p> <h2> What's Next? </h2> <p>Aura is still evolving. Future updates will focus on:</p> <ul> <li>More customization options</li> <li>Creator tools</li> <li>Marketplace expansion</li> <li>Better discovery</li> <li>More social features</li> <li>New ways to express identity</li> </ul> <h2> Try Aura </h2> <p>Create your digital identity:</p> <p>🌐 <a href="https://aura.chromitedev.xyz/" rel="noopener noreferrer">https://aura.chromitedev.xyz/</a></p> <p>I’m building Aura publicly and would love feedback from developers, creators, and anyone interested in the future of online identity.</p> <p>Drop your Aura. ✨</p> <h1> webdev #react #typescript #buildinpublic #opensource </h1> webdev react typescript buildinpublic ChromiteDev Thu, 23 Jul 2026 21:19:41 +0000 https://dev.to/chromitedev/gitscope-is-an-open-source-github-profile-analyzer-that-turns-github-data-into-developer-insights-1bbb https://dev.to/chromitedev/gitscope-is-an-open-source-github-profile-analyzer-that-turns-github-data-into-developer-insights-1bbb <p>While building GitScope, I ran into two bugs that caused major issues during testing.</p> <p>GitScope is an open-source GitHub profile analyzer that turns GitHub data into developer insights, scores, and recommendations.</p> <p>Bug #1: Custom Domain Deployment Failure</p> <p>After deploying GitScope, my custom domain would not connect correctly.</p> <p>The issue was in my netlify.toml configuration. I had not configured the publish directory properly, so Netlify was not pointing to the correct build output.</p> <p>After fixing the configuration to use the correct dist directory and redeploying, the domain worked.</p> <p>Bug #2: Developer Scores Not Showing</p> <p>The second issue was with the frontend state.</p> <p>GitHub profile data was loading, but the generated developer scores were not appearing in the UI.</p> <p>I traced the flow:</p> <p>GitHub Data → Analysis → Score Generation → Frontend State → UI</p> <p>The issue was in how the frontend handled the returned analysis data. After fixing the state handling, scores displayed correctly.</p> <p>What I Learned</p> <p>These bugs showed me that small configuration and state issues can completely break an application.</p> <p>Debugging GitScope helped me better understand how deployment, data processing, and frontend systems connect together.</p> <p>Demo:<br> <a href="https://gitscope.chromitedev.xyz" rel="noopener noreferrer">https://gitscope.chromitedev.xyz</a></p> <p>Source:<br> <a href="https://github.com/ChromiteDev/GitScope" rel="noopener noreferrer">https://github.com/ChromiteDev/GitScope</a></p> devchallenge bugsmash ChromiteDev Thu, 23 Jul 2026 21:09:56 +0000 https://dev.to/chromitedev/i-built-gitscope-turning-github-profiles-into-developer-growth-reports-57cb https://dev.to/chromitedev/i-built-gitscope-turning-github-profiles-into-developer-growth-reports-57cb <p>GitHub profiles contain a lot of information.</p> <p>You can see repositories, commits, languages, stars, and activity — but raw numbers don't always tell the full story.</p> <p>I wanted a better way to understand what a GitHub profile actually says about a developer.</p> <p>So I built <strong>GitScope</strong>.</p> <h2> What is GitScope? </h2> <p>GitScope is an open-source GitHub profile analyzer that turns public GitHub data into a developer report.</p> <p>Instead of only showing statistics, it focuses on understanding the bigger picture:</p> <ul> <li>Developer growth</li> <li>Repository quality</li> <li>Technology usage</li> <li>Coding activity</li> <li>Open-source presence</li> </ul> <h2> Features </h2> <h3> 🚀 Developer Score </h3> <p>GitScope generates a score from 0-100 based on different areas of a developer profile.</p> <p>It looks at things like:</p> <ul> <li>Activity consistency</li> <li>Repository quality</li> <li>Technology diversity</li> <li>Community impact</li> <li>Profile completeness</li> </ul> <h3> 📦 Repository Intelligence </h3> <p>Repositories are analyzed beyond just stars and forks.</p> <p>GitScope looks at:</p> <ul> <li>Documentation quality</li> <li>Maintenance activity</li> <li>Project health</li> <li>Community signals</li> </ul> <h3> 🧠 Developer Insights </h3> <p>The goal isn't just showing data.</p> <p>GitScope provides recommendations that help developers improve their GitHub presence.</p> <p>Examples:</p> <ul> <li>Improve repository descriptions</li> <li>Add documentation</li> <li>Create a stronger developer profile</li> <li>Highlight important projects</li> </ul> <h2> Built With </h2> <p>GitScope uses modern web technologies:</p> <ul> <li>Next.js 15</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>Supabase</li> <li>GitHub REST + GraphQL APIs</li> </ul> <h2> Why I Built It </h2> <p>A GitHub profile has become an important part of a developer's online identity.</p> <p>For students, job seekers, open-source contributors, and professional developers, understanding how your profile looks can be valuable.</p> <p>GitScope is my attempt to make that information easier to understand.</p> <h2> Looking For Feedback </h2> <p>I would love to hear from other developers:</p> <ul> <li>What GitHub metrics do you think matter most?</li> <li>What features would you add?</li> <li>Would you use a tool like this for improving your profile?</li> </ul> <p>Demo:<br> <a href="https://gitscope.chromitedev.xyz" rel="noopener noreferrer">https://gitscope.chromitedev.xyz</a></p> <p>Source code:<br> <a href="https://github.com/ChromiteDev/GitScope" rel="noopener noreferrer">https://github.com/ChromiteDev/GitScope</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2x2zfqroxvmexwvm5rk2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2x2zfqroxvmexwvm5rk2.png" alt=" " width="800" height="460"></a></p> opensource typescript webdev react