Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SSR Astro solution with E2E Playwright tests & native HTML forms

#astro#svelte#tailwind-css#animation
Johnny Magrippisโ€ข 30

@jmagrippis

Desktop design screenshot for the Frontend Quiz app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I livestreamed development of this!

Counts as BDD, since there was always a failing Playwright test before moving on to implement more ๐Ÿงช

I got into a few rabbit holes but it was fun for me ๐Ÿ˜„ Was it fun for you?

The main UX thing I was debating with myself, is the "Submit Answer" button. Shouldn't it be a single tap on the actual answer you want to choose, and that's it?

Would have been easier to do with SvelteKit / Next.js, but I wanted a place where I can just group all solutions, no matter if I go with Svelte or React. Would you like to see me take on more?

I have bought a domain for this project, but Frontend Mentor doesn't accept it ๐Ÿ˜› You can check the app there too!

Community feedback

P
Matt Studdertโ€ข 13,611

@mattstuddert

Posted

Awesome work on this project, Johnny, and it's brilliant to see you livestream yourself working through it. I hope you enjoyed the project! ๐Ÿ™Œ

1

Johnny Magrippisโ€ข 30

@jmagrippis

Posted

@mattstuddert Thank you for commenting and checking out the streams ๐Ÿ˜„

I did enjoy it yes! Fun project spec and I love showcasing cool projects like Frontend Mentor ๐Ÿ™Œ

0
Matthew McCaneโ€ข 20

@DakuwoN

Posted

@jmagrippis is there a URL to the stream ?

1
Matthew McCaneโ€ข 20

@DakuwoN

Posted

Thank you I probably didn't notice at first sight @jmagrippis

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord