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

Clipboard Landing Page using React.js + TypeScript + Material UI

#animation#material-ui#react#typescript#accessibility

@rashidshamloo

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have implemented some extra features in this challenge to learn more about Material-UI and TypeScript.

I have added animations, scroll snapping, full-page navigation, and a modal window that opens when you click any of the buttons.

I have also written about my process in two blog posts. you can check them out here:

Clipboard Landing Page: The Process

Material UI Customization (TypeScript)

Community feedback

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