I might have gotten inspired by those “AI learns to” videos and built a website where “AI learns to write CSS” (not really). The site is just entirely run by AI and designs itself (spoiler alert: the CSS AI writes is insane) and it might put an end to the entire web dev and web design industry and will put us all, web developers and web designer, out of jobs (or not).
Also, there is not a single line of JavaScript on that site. There are a couple on the server though (ahm node.js)
BUT, I’m an idiot front-end developer.
I wouldn’t have built it if not for this previously unknown to me platform that I got to try:
https://app.codecrafters.io/join?via=...
On CodeCrafters you do dev challenges and while you do them you learn a new language or get better at the one you already know.
I always thought that learning by making is the best way of learning,
so definitely check them out!
The link above is the affiliate link so if you end up subscribing for a paid plan,
I’ll receive a commission which will help me continue making these videos.
Enjoy the video!
0:00 The Beginning
0:09 Its an Infinite Website
0:39 How Does an Idiot Front-End Developer Build This?
1:22 CodeCrafters approaching me was HUGE a mistake
1:45 Still, Could be worse…
1:52 What is http? (Justin Case)
2:05 Http, servers and browsers explained on the Soviet Union, Galina and Mihail
3:49 An impossible challenge to build my own http?
4:34 Turning the http server into a…
5:30 How it works
6:33 You can never cause a 404 error on this site!
============= The code
I haven’t put it live in the fear that Google might ban me from its AI API.
Maybe I’ll overcome that fear and put it live soon.
For now, you can get an AI api key from here
https://aistudio.google.com/app/apikey
Then get the code from here
https://github.com/odddirector/itsyou...
installing the node modules by running
npm i
in the terminal window
and then running the server by
node main.js
The site will be available on http://localhost:4221/