@warrenlee
Submitted
What are you most proud of, and what would you do differently next time?
No javascript required, just some aid using vitejs to bundle the styles. Relaxing challenge and very yellow.
Feel free to browse my code and ask questions!
Submitted
Quite a fun project as I further hone my Vue skills. Using FormKit to power the form component and dayjs to handle the date calculations, I was able to create the solution for this project. For the number animation, I used gsap.
Feel free to check out my solution, and let me know if you have any feedback!
Submitted
Been busy with projects lately, but it's good to take a break with this fairly simple challenge.
My tools
Not too much of a challenge, FormKit handled all the form validation stuff and pinia helped me out with the application state.
If you have questions feel free to reach out!
Submitted
This challenge took a while but I learnt a lot about using a form library called FormKit Challenges I faced included validating the form one step at a time, learning how to restructure their default input layouts, handling the year/month subscription plans and the responsive design was quite interesting to work.
Check out my solution and feel free to comment and give me feedback!
Submitted
It's been a while and I wanted to code something simple. Using my usual tools vitejs, CSS framework tailwind and vue.
Technically not much use of JS other than the mobile menu. Used CSS grid to layout the page.
Enjoy!
Submitted
The challenge took a fair few days as there were a lot of features to implement, but that being said it was fun and challenging.
The most challenging I thought was getting the shopping cart dropdown to happen. I wanted it to be able to hover over to open, hover out to close (desktop or where the mouse can be used) and clicked to open/close toggle (tablet/mobile where touch is available), but my solution is elegant, for tablet it doesn't work very well.
Any tips/feedback are welcome!
Submitted
Another very interesting challenge and fully enjoyed coding this. I used Vue 3 and Pinia to state manage the game like keeping track of the score, the counter the player chose and managing which screen should be shown.
I do prefer to use Vue when there's transition and animation involved between components as I think Vue handles this well. The layout is fully responsive which turned out quite well.
Submitted
The layout of this challenge was quite tricky and the level of this could arguably be more intermediate level. Working with forms is usually a nightmare but I got there in the end. My form uses Formik and uses Yup for validation. Please 4242 4242 4242 4242 as the card number to pass validation.
Thanks!
Submitted
Fairly straightforward. Using React for this challenge.
Submitted
An interesting challenge. I used Vue 3 as my js framework with Vue Router as my routing mechanic. I used the library useVue with has a lot of utility compositions and I used it to handle the dark mode feature and I did a bit extra and used it to implement an infinite scroll.
Submitted
Submitted
This is my first solution on Frontend Mentor so I'm using this challenge as a test run. Hopefully, my solution was close to the expected result. My biggest challenge was juggling the font size and spacings so that the right content would not exceed the height of the product image. It would be great to hear if there are any parts you'd do differently than mine.
