The Story of code-wrapper
When I started coding, web development felt like the natural next step because I was already a designer. However, I didn’t actually know how to code. I started "vibecoding"—using ChatGPT to generate everything.
My workflow was a mess:
- Ask ChatGPT for code.
- Paste it into Notepad (VS Code felt too advanced back then).
- "Save as HTML."
- If I wanted to change a single color, I’d paste the entire code back to ChatGPT, ask for the change, and repeat the saving process.
It was exhausting. I needed a better way.
The Spark: What if I could automate this?
I wondered: Is it possible to build a tool that parses my code and lets me download it as an HTML file instantly?
After asking ChatGPT and learning it was possible, I built the first basic version of Code-Wrapper.
Polishing the Tool
What started as a simple script turned into a months-long project. I spent a long time adding features that I actually needed:
- Language detection
- File name saving
- History and logic
- A polished user interface
The GitHub Learning Curve
Building the tool was only half the battle. Learning how to use GitHub and GitHub Pages took even more time. In December, I finally published it. I even went through a process of deleting and re-cloning the repo just to get the name and settings exactly right.
Today, Code-Wrapper is active, open-source under the MIT license, and live for anyone to use!
Try it out
You can check out the live tool or explore the source code below:
My GitHub
Feel free to star the repo or check out my other projects:
irfanh-dev (Irfan Haider) · GitHub
irfanh-dev has 3 repositories available. Follow their code on GitHub.
github.com
Top comments (0)