- fetch the local data from json
- click the buttons to change style
- render the card contents from javascript
- I' confused about the fetch, promise, async, and await
- I don't know how to handle the button click event to convert modes.
Making the JavaScript cleaner and ensuring I used the most semantic HTML tags.
Improving responsive layout and best practices for structuring CSS more efficiently.
I would like feedback on how I structured my CSS and if there’s a better way to make the layout more responsive.
Structuring the CSS file to make it efficient and more scalable.
Nice work, I had the same trouble with fetch and buttons. Your result looks good.
Nice work
N/A
I'm proud of the fidelity of the final result, at least in my screen it was similar to the previews.
What challenges did you encounter, and how did you overcome them?The most challenging part was centering the card horizontally and vertically. I overcame it using the flex model and view port units.
What specific areas of your project would you like help with?I would like help in two areas: the HTML structure, I think it could be better; and I would like help with the CSS, I wonder if there is area for improvement.
looks good
I am most proud of having put a little extra challenge to myself with the JavaScript instead of just enjoying my comfort zone.
I'd do differently next time...I'd like to say I'd linger less in trying to perfect stuff and finish faster instead, but that would be just lying to myself :p
What challenges did you encounter, and how did you overcome them?The JavaScript part that I brought upon myself was a bit challenging. My solution was using ChatGPT (yes) as my tutor: I write them how I think the function should work and what I need for it and I write as much of the code as I can come up with myself. Then I have ChatGPT correct me and I ask for explanations on every part I don't understand.
What specific areas of your project would you like help with?Like what I could have done better in general but especially regarding the JavaScript or aspects of accessibility.
I like how you added JavaScript and made it your own. It looks clean.
Refreshing my skills on Javascript
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
Nice!