All solutions

I wrestled with this one for a few days trying to understand the logic to calculate the age of an input and also crossing all the T's when it came to validation. I may have made it a little more complicated than it should have, but in the end, I'm happy with the results and functionality of the app.

In this challenge I wanted to practice managing state for an array of objects, so I made each input an object containing a timeframe with either "day", "month", or "year" as one key value pair, and the value of the input for each as another key. E.g. { timeFrame: "day", value: "2" }. Stored all three in an array and managed the state of this as it was changed, submitted, and validated.

Throughout the app I'm using a whole bunch of "if" statements. I feel like I was checking for each possible outcome (see "src/hooks/useValidation.tsx"). Is this a normal approach, or should I seek to avoid using so many if statements and optimize the logic?

Overall, the project was fun and challenging. I incorporated some of my own styles and features, so if you have any input or feedback, please share.

Remembering how to route and create protected routes without Next.js took me a minute to figure out. Easy project though.

The protected route to "/thankyou" when there's no email. Have to study up on how to handle that case with react and create a custom 404 page.

• Is the regex email validation a professional way to validate emails?

This is my first project using Svelte. I enjoyed the framework very much and see myself completing future projects with it.

Some of the more challenging things I came across when working on this project was integrating an intersect observer into the Svelte framework. It took me a minute, but when I figured it out everything was gravy.

I really like how the mobile design turned out. The desktop version is cool, yet I'm not in love with it. The only reason is because on extra large screens I had to put a max width on the content or else the pictures would continue to grow and look low quality. If there's a better way to do this please share!

Have a look around the code if you're familiar with Svelte and let me know if you see anything that could be improved. Thanks!