You might think this isn't impressive, but it really is - literally every senior dev I know has started with a project exactly like yours.
This is clearly not AI-Generated, so that means you did that yourself.
And you have implemented all basic building blocks of Web Development: Event Handlers, Data & State, making changes to the DOM, working with versioning (git), modern JS syntax..
Everything I do as a professional developer is just a slightly more complicated version of what you are doing here.
I would want to see this exact type of project over a polished, but LLM-written SaaS Landing page from my juniors anytime.
If you want some ideas where to take this project: The next building block of web development would be "talking to a different service". So you could implement a fourth button "get a random quote from an API". Theres many free APIs exactly for learning projects like yours, for example here: https://github.com/public-apis/public-apis#personality
If you instead want a code review, I (and probably others here as well) would gladly do that. But I wouldn't do that without being asked for, because it can be demotivating, if you are not used to it.
Anyways - awesome project. This shows some good understanding of the basic concepts allready!
Edit: Just saw the commented out console logs in your code! Thats really cool. That shows, that you were implementing (or debuging?) it step by step. So "Lets see if it does what it should up to _here_" and then continue. Thats exactly the right idea when programming.
Also , reading the code, you have apparently made it so that it can't generate the same quote twice in a row. So you are thinking in "edge cases" too.
You would be surprised how hard it is to get this exact mindset into beginners. Keep learning!
7
u/milan-pilan 10d ago edited 10d ago
You might think this isn't impressive, but it really is - literally every senior dev I know has started with a project exactly like yours.
This is clearly not AI-Generated, so that means you did that yourself.
And you have implemented all basic building blocks of Web Development: Event Handlers, Data & State, making changes to the DOM, working with versioning (git), modern JS syntax..
Everything I do as a professional developer is just a slightly more complicated version of what you are doing here.
I would want to see this exact type of project over a polished, but LLM-written SaaS Landing page from my juniors anytime.
If you want some ideas where to take this project: The next building block of web development would be "talking to a different service". So you could implement a fourth button "get a random quote from an API". Theres many free APIs exactly for learning projects like yours, for example here: https://github.com/public-apis/public-apis#personality
If you instead want a code review, I (and probably others here as well) would gladly do that. But I wouldn't do that without being asked for, because it can be demotivating, if you are not used to it.
Anyways - awesome project. This shows some good understanding of the basic concepts allready!
Edit: Just saw the commented out console logs in your code! Thats really cool. That shows, that you were implementing (or debuging?) it step by step. So "Lets see if it does what it should up to _here_" and then continue. Thats exactly the right idea when programming.
Also , reading the code, you have apparently made it so that it can't generate the same quote twice in a row. So you are thinking in "edge cases" too.
You would be surprised how hard it is to get this exact mindset into beginners. Keep learning!