All solutions

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

I think this is some of the worse JS code I've ever written, it's super messy and not clear in places but it works. If I have time I'd like to refactor the code to make it more clear.

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

Loads of challenges, mainly how to update the strength icons.

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

Is there any easy way to display error messages besides window.alert?

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

This was defiantly my most challenging project to date, just because of the JS section. I'm not too familiar with JS and it took me a couple of tries to get the code correct. It took me 2 days.

I'm sure that the code could be improved in places, in particular the error handling.

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

How to structure the JS code.

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

How to work better with handling errors in forms.

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

I was lazy to adjust the cards text placement for the desktop view, so they’re still aligned horizontally rather than vertically. If I wanted to adjust this in the future I’de edit it.

Also change my process of working as I had to change a lot of repetitive code as I’m using tailwind CSS I guess that’s one drawback of using it.

I added a custom breakpoint in this design using lg: "1200px",

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

Best ways to get the text to become highlighted, then dim again.

I think my way of writing is is overly verbose.

The layout doesn't line up exactly, that needs changing.

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

Not sure, I think on the next project I might start to try and use jquery.

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

I like the design where the card snaps between breakpoints rather than being fluid, IMO it gives create control of how the text is layed out.

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

Client side validation, it's my first time doing it so I'm still learning and want to practice more.

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

Best practices for client side validation, JS in general. I declared 6 const, I feel like it might be two much or my code is to verbose in places.

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

Like, knowing how to make the div element float for the share options in the larger view sizes. I had to use a different element instead of the same one from the mobile size. Is this best practice?

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

As above, and the best way to float a div element?

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

I want to practice user containers instead of fluid image sizes.

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

Sizing the hero image for different breakpoints. The images expand past the screen on the smaller versions, so I must set it to clip the overflow.

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

Easier ways of writing the grid, especially in tailwind. I feel like I'm writing alot of code somtimes, maybe that's okay.

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

I used flex box instead of grid for the cards.

I couldn't get the items to center when using flex-wrap so the break points I have now aren't that great for desktop.

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

Setting a fixed width for the card container, knowing which unit to use. In this case I used REM measurements.