All solutions

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

Through this project, I learned about positioning and transforming when trying to place the checkmarks as bullet points. it took a long time but I finally honed it in and got it to work as indented.

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

My two biggest challenges were the checkmarks and the main image in the mobile view. I have not been able to solve the main image problem but have solved the checkmark problem. Any advice for the main picture on the mobile view would be greatly appreciated.

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

In the mobile view, the main image at the top is not showing the way the figma files have intended. I have asked in the discord and used GPT to help but have not been able to come up with a solution.

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

I have been learning JS for about 5 months now. I had to take multiple long breaks due to family issues, resulting in weeks long JS review sprints while not really learning anything new. I then did a quick review again and decided to hop into a project and stop delaying. This is my first JS solo project not following a tutorial. I did everything required (hopefully), but added some error handling in case someone hit submit without choosing a rating. I am most proud of that and the toggling of the classes for the rating buttons for when a person chooses one value but decides to choose another. This was VERY fun, GPT helped me a little. It never gave me any solutions, just helped remind me of a few JS features and nudged me a little in the right direction.

I would love to implement a flip mechanic which would allow you to flip back and for between each card after submitting a rating. I worked it out in my mind but I dont want to spend too much time on this project.

Please let me know what you think

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

Just thinking about the logic before even writing any JS was the main hurdle for me, because I was mostly doing mini projects as part of my courses. But once I got into the flow, it was very fun to solve.

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

I would like help anywhere anyone thinks I could make improvements :)

I did this in an effort to stay on top of my HTML and CSS while I start learning JavaScript. I want to keep doing these once a week.

A few issues with this one:

1. When doing the mobile view, I wasn't able to center the buttons properly, they are ever so slightly misaligned from one another. I tried many fixes but couldn't attempt it.

2. I could not figure out how to make the "computer" image center itself while the screen size shrinks. I was able to do it for the "devices" photo but not this one.

3. Class names. I need to start using better class names to make it easier to understand where things are and what element they are for. It became a big hassle when doing the media queries.

This was my first time using media queries so I hope I did an okay job with them.

Feel free to offer advice and help me out with the issues I had. This was so fun!