Forem: Harsh Raj Mishra

What If Your GitHub Profile Was a Building in a City of Developers?

Harsh Raj Mishra — Sat, 07 Mar 2026 21:28:13 +0000

I was going through something on the internet a few days ago and I had to stop to think.

Not another AI tool.

It is not a different productivity app.

And yet a curious and unusual thought.

One of them transformed the developers of GitHub into the buildings within a city.

Of course I had to check it out.

The First Thing I Saw

At the moment the page loaded, I was staring at a skyline made of pixel-art.

Buildings everywhere. Some small. Some massive skyscrapers. Some glowing with lights.

Initially it just appeared to be a game setting.

I then came to think of one interesting thing.

A real GitHub developer was used to represent each building.

And it was not just the size of the buildings.

They were formed from real GitHub activity.

This is when the idea came together.

Your Code Becomes Architecture

The initiative is known as Git City.

Rather than presenting your GitHub statistics in the form of charts or graphs, it transforms them into a structure within a virtual city.

What you do on GitHub influences the appearance of your building.

For example:

More contributions create taller buildings
More repositories make the building wider
Popular projects can influence lighting
Recent activity can create glowing effects

Developers who contribute a lot may appear as huge skyscrapers in the city.

Developers who contribute less may appear as smaller buildings.

It is a simple concept but surprisingly satisfying to see your coding activity turn into something visual.

Exploring the City

The best part is that you are not just looking at a picture.

You can actually explore the city.

You move around and discover different buildings. Each building represents a developer profile.

When you open one, you can see things like:

GitHub stats
repositories
achievements
developer information

Instead of scrolling through profile pages, it feels like you are walking through a city built by developers.

At one point I found myself just flying around looking for the tallest buildings.

A Little Bit of Gamification

Git City also adds some playful features.

Developers can unlock things like:

achievements
building decorations
visual effects

These features do not affect GitHub itself. They simply make the city more fun.

It gives a small sense of progression as your building grows with your GitHub activity.

The City Can Even Show Live Coding Activity

There is also a VS Code extension connected to the project.

When you are coding, your building can appear active inside the city.

Sometimes it glows or shows activity signals.

It does not share your code. It only sends minimal activity signals.

But it makes the city feel like a place where developers are actually working in real time.

Almost like a digital city of programmers.

The Tech Behind It

From a developer perspective, the project is also technically interesting.

The stack includes:

Next.js
React
React Three Fiber with Three.js
TypeScript
Supabase

Three.js allows the platform to render the city and keep everything interactive.

It is a good example of how modern web technologies can create experiences that feel almost like small games inside the browser.

A Quick Reality Check

GitHub activity does not always equal skill.

Some developers commit frequently. Others contribute less often but build very impactful projects.

So this visualization should be seen as something fun and experimental, not a ranking system.

Try It Yourself

If you want to see how your GitHub profile would appear as a building, you can visit:

👉 https://www.thegitcity.com/?ref=harshify

It only takes a moment to generate your building.

Seeing your coding activity turn into architecture is surprisingly satisfying.

Final Thoughts

GitHub has always been full of numbers. Commits, repositories, contribution graphs.

Git City turns those numbers into something visual.

A skyline built from developer activity.

And when you explore it, you realize something interesting.

Every building in that city represents someone somewhere writing code.

Decoding the Algorithm Behind Spell Checkers

Harsh Raj Mishra — Sat, 27 Jan 2024 06:57:30 +0000

Spell checkers have become indispensable tools in our digital age, seamlessly correcting misspellings and ensuring written communication is error-free. Behind the simplicity of their function lies a sophisticated algorithmic framework designed to identify and rectify spelling mistakes with precision. In this exploration, we delve into the intricate algorithm behind spell checkers, unraveling the mechanics that power their efficiency and accuracy.

Understanding the Basics of Spell Checkers

At their core, spell checkers analyze text input against a dictionary of correctly spelled words, flagging any deviations as potential errors. While this may seem straightforward, the algorithm's complexity lies in its ability to discern context, suggest corrections, and adapt to evolving linguistic patterns.

1. Dictionary-based Approach

The foundation of most spell checkers is a comprehensive dictionary containing a vast array of words and their correct spellings. When analyzing text, the algorithm cross-references each word against this dictionary, flagging any discrepancies as potential spelling errors.

2. Contextual Analysis

A crucial aspect of spell checking algorithms is their ability to consider context when evaluating words. This involves analyzing neighboring words, grammatical structure, and semantic meaning to determine whether a word is used correctly in its context. For example, distinguishing between "there," "their," and "they're" requires contextual analysis beyond simple dictionary lookup.

3. Levenshtein Distance and Edit Operations

The Levenshtein distance algorithm serves as the backbone of many spell checkers, quantifying the difference between two strings by measuring the minimum number of edit operations (insertions, deletions, substitutions) required to transform one string into the other. Spell checkers leverage this concept to suggest corrections by identifying words with the shortest Levenshtein distance from the original input.

4. Language Models and Statistical Analysis

Modern spell checkers often incorporate language models and statistical analysis to enhance their accuracy. By analyzing vast corpora of text data, these models identify common spelling errors, patterns, and contextual nuances, enabling more intelligent error detection and correction.

5. User Feedback and Machine Learning

Some spell checkers leverage machine learning algorithms to refine their accuracy over time. By collecting user feedback on suggested corrections and incorporating this data into their models, spell checkers adapt to user preferences and evolving language trends, continually improving their performance.

6. Customization and Personalization

Many spell checkers offer customization options, allowing users to add custom words, ignore specific terms, or adjust sensitivity levels based on their writing style and domain-specific vocabulary.

The Future of Spell Checking

As natural language processing and artificial intelligence continue to advance, the future of spell-checking holds exciting possibilities. We can anticipate spell checkers becoming more adept at understanding context, detecting nuanced errors, and offering tailored suggestions that reflect the intricacies of human language.

In conclusion, spell checkers epitomize the fusion of linguistic intricacies and computational prowess. Through meticulous comparison against dictionaries, contextual insights, Levenshtein distance algorithms, and adaptive learning, they've become indispensable aids in our digital communication. As technology advances, spell checkers will evolve to comprehend context intuitively and offer tailored suggestions, reflecting our quest for precision and linguistic finesse in the digital age.

Tomorrow's Web: Trends Shaping Future Design

Harsh Raj Mishra — Thu, 18 Jan 2024 21:35:34 +0000

The ever-evolving landscape of web design continues to shape the digital experiences of tomorrow. In this exploration, we delve into the cutting-edge trends and innovations that promise to redefine the way we interact with websites.

1. Immersive User Experiences with Augmented Reality (AR)

The integration of Augmented Reality (AR) in web design is set to elevate user engagement. Imagine users interacting with products in a virtual space before making a purchase or exploring immersive narratives seamlessly woven into the fabric of a website.

2. Dark Mode Dominance

Dark mode isn't just a trend; it's becoming a design standard. As more users appreciate the visual comfort and reduced eye strain, expect to see websites embracing dark color schemes as a default or offering it as a user preference.

3. Microinteractions for Macro Impact

Microinteractions, those subtle animations and responses to user actions, are becoming pivotal in enhancing user experience. From a simple hover effect to intricate loading animations, these microinteractions contribute to a more dynamic and engaging interface.

4. Voice User Interface (VUI) Integration

As voice technology advances, integrating Voice User Interfaces (VUI) into websites is becoming more prevalent. Users can navigate, search, and interact with websites using voice commands, making the experience more accessible and hands-free.

5. Sustainable and Eco-Friendly Design Practices

With environmental concerns at the forefront, sustainable web design is gaining momentum. From optimizing website performance for energy efficiency to using eco-friendly hosting solutions, developers are incorporating green practices into their design strategies.

6. 3D Elements and Illustrations

Web design is embracing three-dimensional elements and illustrations to add depth and visual interest. This trend brings a sense of realism and creativity, transforming static pages into dynamic, interactive experiences.

7. Inclusive and Accessible Design

Web accessibility is not just a checkbox; it's a commitment to inclusivity. Future web design will prioritize creating experiences that are accessible to users with diverse abilities, ensuring everyone can navigate and interact seamlessly.

8. Data Privacy-Centric Design

As concerns about data privacy grow, future web design will prioritize transparent data practices. Websites will communicate clearly about data collection, provide robust privacy settings, and implement measures to secure user information.

9. Progressive Web Apps (PWAs) Dominance

Progressive Web Apps (PWAs) are blurring the lines between web and mobile applications. These responsive and reliable apps offer users a seamless experience, regardless of the device, and are set to become a standard in web development.

10. Minimalist and Functional Design

Simplicity is timeless. Future web design will embrace minimalist and functional aesthetics, focusing on clean layouts, easy navigation, and purposeful use of space to deliver a seamless user experience.

As we navigate the future of web design, these trends stand as beacons guiding developers toward creating websites that not only meet the demands of today but also anticipate the needs of tomorrow. Stay tuned for a dynamic era of digital innovation and user-centric design!