
Officelite coming soon site with HTML, Sass, and Vue.JS
Design comparison
Solution retrospective
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.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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