ReCode: The AI-Powered Workspace for Web Development

Georgel — Fri, 26 Dec 2025 14:45:35 +0000

This is a submission for the DEV's Worldwide Show and Tell Challenge Presented by Mux

What I Built

ReCode is an AI-powered productivity hub designed specifically for web developers or any other person interested. It solves the "tab-overload" and "overwhelmed" problems by centralizing essential development tools into one organized interface, helping developers stay focused and write better code faster.

My Pitch Video

🎥 Click here to watch the video on Mux

stream.mux.com

Demo

Live Demo: recode-alpha.vercel.app
GitHub Repo: Georgel0/ReCode

Tools:

Code Generator:

It's basic AI generated code but stripped of all comments, explanation and other things AI might output.

Code Convertor:

There are 11 coding languages you can choose to convert between.

AI Analysis:

Here the AI can explain to you what a piece of code dose, can help you if you didn't catch something.

CSS Frameworks Convertor

You can choose between Tailwind, Bootstrap, SASS and LESS to convert your CSS to something you prefere more.

ReCode has more tools but it's up to you to explore and use them!

The Story Behind It

As a beginner in web development, I often found myself overwhelmed. I would have dozens of tabs open—documentation, Stack Overflow, AI chats, and tutorials—leading to unorganized code, feeling overwhelmed and a fragmented workflow.

I built ReCode to be the "all-in-one" assistant I wish I had when I started. By bringing these tools together, ReCode helps developers transition from being "scattered" to being "structured."

Technical Highlights

To ensure the app was fast, scalable, and modern, I chose a powerful tech stack:

Frontend: React + Vite for a lightning-fast user interface and modular component architecture.
Backend: Node.js for efficient server-side logic.
Database & Auth: Firebase for real-time data handling and secure user authentication.
AI Engine: Grok API to power the intelligent coding assistance features.
Video Hosting: Powered by Mux, ensuring high-quality, seamless video delivery for the platform's demo.

I designed the architecture to be highly modular, making it easy to implement new features and maintainable for future growth.

About the Developer

I am a solo developer on a mission to make ReCode the ultimate tool for developers at all levels—from beginners taking their first steps to pros looking for a more streamlined workflow.

Ready to improve your workspace?

Stop Letting Your "Useless" Side Projects Die on Your Hard Drive 📦

Georgel — Thu, 25 Dec 2025 14:34:14 +0000

Why I built The Digital Junk Drawer and why I want your tiny apps to live there.

We’ve all been there.
You have a weird idea for a mini-game, a niche calculator, or a CSS experiment. You spend four hours coding it, you get it working, you smile at the screen... and then you close the editor.
That project never sees the light of day because it feels "too small" for a dedicated repository or a full domain.
I decided to change that.

Introducing: The Digital Junk Drawer

The Digital Junk Drawer is a curated, community-driven collection of micro-web apps, classic games, and digital oddities, literally anything. Some are helpful, some are time-wasters, and all are built out of pure curiosity.

Why go Open Source?
I realized that my "junk drawer" of code isn't unique. Thousands of developers have these "digital dust-collectors" sitting in their /projects folder.
I wanted to create a place where we can all toss our tiny experiments into one big, interactive pile. By turning this into an open-source project, I'm hoping to:

Provide a home for projects that don't "fit" anywhere else.
Help beginners get their first-ever Pull Request merged in a friendly, low-pressure environment.
Build a nostalgic gallery of what web devs can do with just a bit of HTML, CSS, and JS.

How You Can Contribute (It’s easy!)
I’ve streamlined the process so you don't have to spend hours setting up a dev environment.

Fork the repo.
Drop your HTML (keep CSS/JS internal for simplicity) into the /HTMLs folder.
Add a thumbnail to /Images. Link it in the index.html.

That’s it. Submit a PR, and your app is suddenly part of a global collection hosted on Vercel.

The Goal
I want this to become the internet’s most interesting drawer. I want people to click around and find things they didn't know they needed (or definitely didn't need, but enjoyed anyway).

Check out the live site: https://the-digital-junk-drawer.vercel.app/
Contribute on GitHub: https://github.com/Georgel0/The-Digital-Junk-Drawer-

What's sitting in your /projects folder right now that deserves a spot in the drawer? Let me know in the comments!

Forem: Georgel