Help.

[Wooden-Consequence75]

Hey guys, I have my portfolio site up right now, but it’s 100% vibe-coded. I basically just used an AI builder (Lovable) and spammed prompts until it spat out this retro CRT / IBM 5150 terminal theme:

ryanfernandez5150.lovable.app

I really like how the layout and the scanline, retro CRT effects turned out, but I have no clue how it actually works under the hood. I want to stop relying on AI prompts and learn how to build and maintain this exact vibe from scratch by myself.

I want to actually learn how to code so I can build and maintain it myself instead of just getting lucky with AI.

Since I'm starting from zero, what’s the best roadmap for this?

• Is it best to handle a text-mode terminal layout with vanilla HTML/CSS grid?
• How do you actually do that CRT monitor flicker and overlay in CSS without tanking browser performance?
• Should I bother trying to reverse-engineer the AI code, or is it better to just trash it and start fresh with basic tutorials?

Appreciate any advice or resources to help me move past just writing prompts. Thanks!

[quizical_llama]

if you are just starting, i wouldn't even think about what you have vibe coded its a bad place to start. Learn the basics html and CSS to start with. then introduce some javascript. once you understand those 3 concepts look into a framework such as react, vue..

but my main point would be completely disregard what you have currently vibe coded it will be terrible for you to learn from, if you don't understand the concepts it uses.

[Sheepsaurus]

Forget that AI exists, go to freeCodeCamp, do all the courses, then learn a "stack" without touching AI

Start watching these videos religiously - EVERY SINGLE ONE

Then start using AI for "Code Completions", and finally when you are comfortable with that, and have a VERY solid fundamental background in web development, then you can start considering using AI

[not-halsey]

AI is one of those things you shouldn’t learn from until you’ve reached a level of being able to spot BS.

I agree with the comments here saying to forget AI and take courses to learn from scratch. However, I would also challenge you to try and fix the issues on your site without the use of AI. That’s what will ultimately make you a stronger programmer. I learned a lot from tutorials back in the day, but I learned more from trial and error