All solutions

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

I am most proud of my custom components rather than building everything together.

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

I had some challenges passing state around but was able to resolve them.

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

The computer is very easy to beat so I would be curious how to make it harder to play against.

My first time implementing light and dark mode. I used a combination of Next Themes and Tailwind CSS to style in dark mode. I found this approach very straightforward and will most likely continue to use it for future projects.

I did not implement design for Desktop as I prefer the tablet design and think it works well for both!

This was a little more challenging then I first thought, forms can be complicated!

I ended up using the React Hook Form library to build this and handle the validation. Really like this library and the documentation is really good(plus they have loads of video examples).

Some upgrades I might look into implementing: -Make it so it jumps to the next field when you have entered the day and month so you do not have to click. -Make use of numerical keyboard for mobile?

Would love to hear all of your thoughts!

This was a pretty simple project but good practice to re-enforce my knowledge of flex and mobile design. I am going to start developing projects using a framework such as Next.js rather than just HTML and CSS.

Built this with Nextjs. May be a bit overkill for how simple the application is but I wanted to get some practice with Nextjs.

Not sure the best way to do responsive design. I used state to determine the width of the screen and conditionally render based off of that. I might try making use of the tailwind breakpoint pre-fixes but I am worried it will get messy and not very readable. Also interested in trying Mobile first as I usually do desktop first.

First Frontend Mentor project! Went pretty smoothly, the one thing I had issue with is trying to make it responsive. I first tried to add media queries to my style.css but that was not working so I created a separate queries.css for the @media queries.