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

NextJS / TypeScript / Tailwind / Framer-Motion

Tomislavā€¢ 170

@tsertic

Desktop design screenshot for the Single-page design portfolio coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


šŸ¦ˆ Greetings,

šŸ† This is my solution for single page design portfolio

šŸš€ PageSpeed Insights Score : 100 / 95 / 100 / 100

āœ… 96% pixel perfect by my humble eye šŸ™‚

šŸ¤– Tech used:

  • Typescript
  • NextJS 13
  • Tailwind CSS

šŸ“š Libraries:

  • Framer-motion (work carousel)
  • react-swipeable (work carousel)

šŸ“„Additional notes:

  • Work carousel with smooth moving items, switch between items with dragging, left and right arrow keys press or just clicking buttons

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! šŸ’Ŗ

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