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

Officelite coming soon site | Nextjs and Framer Motion

Connor Z 5,115

@zuolizhu

Desktop design screenshot for the Officelite coming soon site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


feedbacks are super welcome!

This is my 40th project on Frontend mentor 😆!

I used some packages (formik for the form, react-countdown for the countdown, Framer Motion for the animation and so on) from the react community and I have to say, those helped a lot to speed up building this project! I think that's why people love using React because of the huge amount of packages right there to use. 😉

I think the HTML Validator might be too strict 😢, I had few errors generated by the framework itself, and I don't know if those are really errors.

Hope you like it, happy coding 🙌!

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Haha, I've just seen this. Looking forward to seeing the result of this challenge @ApplePieGiraffe and @zuolizhu 😂 I'm not feeling the pressure to pump out more challenges at all! 😅

Congrats on completing your 40th challenge, Connor. That's an amazing achievement! Your solution looks amazing and the added animations are really nice 😍

1
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Connor Z! 👋

Congratulations on completing your 40th Frontend Mentor challenge! 🎉

You've done a wonderful job on this one! 👏

Your solution looks great and those animations are amazing! 😍

A very tiny suggestion I might make is to add a little space to the bottom of the "Get Started" page with some actual margin or padding or something because on small desktop screens (like mine), the content of the page is rather close to the edge of the screen and some white space begins to appear under the background image to the right for some reason. 😉

Of course, keep coding (and happy coding, too)! 😁

1

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@ApplePieGiraffe

Race you to 100 completed challenges, LOL! 😂

1
Connor Z 5,115

@zuolizhu

Posted

Hey @ApplePieGiraffe ! Thanks for your tiny suggestion 😆! Just fixed it with min-height media query 😎.

I accept your challenge 😏! I think we just put a lot of press to Matt @mattstuddert 🤣

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