This is the most interesting challenge I've worked on to date.
It's my first time working with Figma design styles, and at first I didn't know what to look for but after a while I got the hang of it. I did my best trying to replicate every pixel on this design, but I know that's quite impossible to achieve.
It's also my first time working with a frontend framework like Vue.js, so I'm not completely confident with how my components turned out, or even whether or not they should be a Vue component. So far with Vue I was able to:
- Build a countdown timer component that takes the end date (release date) and countdown to it from the moment the user opens the page.
- Build a subscription form component that checks that all required fields are filled out, and that the email address is in a valid format before submitting the form.
As far as styling these components go, I have created a SCSS partial/module for each one of the components I mentioned.