All solutions

What are you most proud of, and what would you do differently next time?

I'm proud of my approach to the share pop-up box including how I positioned it, the event listeners I used, and having the box be removed whenever a user clicks anywhere else on the document. Next time I would change the pop-up box's parent element as it ran me into a couple of problems. Namely it made positioning in the mobile version more tricky.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any major obstacles. But I hadn't done the "click anywhere" type of event listener before. I knew I needed to add an event listener to the entire document, and ChatGPT helped me with some of the logic.

What specific areas of your project would you like help with?

If there any better techniques, specifically with the JS, I would love to hear suggestions.

Very challenging, yet also very rewarding project. I opted to have elements generate dynamically based upon what was read from the API for the respective word submitted. Became very acquainted with iterating through arrays.

I am left with one problem that I would appreciate any tips on. I would like for the page to reset after a user decides to look up a second word or more. Not necessarily refresh the page entirely, as that will cancel out the submission, but revert the page to it's original state and then take the new submission.

Thanks!

I could have added more parameters in the email verification, e.g. must include either .com, .edu, or .net etc. However with the logic flow I used, the code would stop running at the first ending it doesn't see, making it virtually impossible to ever get to the success message.

If someone is aware of a better way to code the verification, I'd greatly appreciate it!

Edit: Thanks to suggestions from @elyyyse I was able to resolve the issue...

Hi community! This is an incomplete project but I wanted to go ahead and submit it to get some feedback. This is my first project using Javascript.

For the most part I got everything to work, however I was unable to get the message that shows after the user clicks submit, to update according to the score selected. My populateScore function runs, but the score variable within it only recognizes that element that originally has the "selected" class. Even if it updates in the html file, which I can see in real time using the browser's developer tools.

Any help on what I am missing or doing wrong would be greatly appreciated!

Having the cyan overlay display over the image didn't work the way I thought it would. However I did figure out how to get it to work. It's a little glitchy when hovering though. Any suggestions? Thanks!

Any feedback on my choice of units for element sizing? (i.e. rem, vh, px etc.) Everything works and it checks out on the viewports I had available but I'm always afraid things will fall apart on other devices. Thanks!

Overall very pleased with how this came out. The hamburger menu is purely CSS. The transition from the "X" back to the hamburger is a bit funky, I'd appreciate any suggestions for how to fix that. And of course any feedback on what I could have done better. Thanks!

First project after a bit of a hiatus so I felt rusty and parts of the code feel sloppy. However, it works. Struggled the most with font sizing, and using the appropriate size for different screen sizes. I started with vh units but that made the font unreasonably small on smaller viewports. I decided to go with rem units and a couple extra media queries.

Any tips and suggestions are most definitely welcome!

I feel like I got very comfortable manipulating CSS Grid with this one. Also my first time creating a mobile version of a site that I am pleased with. All suggestions and advice welcome!

All suggestions welcome!