Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Photsnap multi-page website (Next.js)

motion, next, react, lighthouse
Andrรฉ-Lubin Thomasโ€ข330
@Lordyner
A solution to the Photosnap multi-page website challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


๐ŸŽ Features:

Achieved 99% in Lighthouse score for performance, accessibility, best practices, and SEO. ๐Ÿ“Š
Form validation โœ”๏ธ

Responsive design ๐Ÿ“ฑ๐Ÿ’ป

CSS Modules to cut my styles.

๐ŸŽจ Clean codebase and formatted using VS Code formatter. ๐Ÿ’ป

๐Ÿ› ๏ธ Built With:

Next.js 13. โšก

Semantic HTML5 markup ๐Ÿ“‘

CSS custom properties ๐Ÿ’Ž

Flexbox ๐Ÿ–Œ๏ธ

CSS Grid ๐Ÿ–Œ๏ธ

Mobile-first workflow๐Ÿ“ฑ

Let me know if you have any feedback, I would love to improve my solution ๐Ÿ˜Š๐Ÿค

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Andrรฉ-Lubin Thomas's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
ยฉ Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License