My First Open Source Project: The Story of Code-Wrapper

The "Designer-to-Coder" Struggle 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: