Frontend Mentor Challenge: Galleria

This is a solution for the Galleria slideshow site challenge on Frontend Mentor.

Table of contents

• Overview
• Development
  • Stack
  • Tools and Workflow
  • Resources
• Showcase
  • Links
  • Screenshots
• Author

Overview 📋

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Navigate the slideshow and view each painting in a lightbox

Development 🛠️

Stack

• HTML5
• CSS3
• TypeScript
• React
• Next.js

Tools and Workflow

• GitHub Actions
• GitHub Pages
• Prettier
• ESLint

Resources

• Next.js Github Pages - Github Pages setup example for NextJS framework.

Showcase 🖼️

Links

• Solution URL: Mobile-first solution using React and NextJS
• Live Site URL: Galleria

Screenshots

Home

Author ✍️

• Website - Ademir José Ferreira Júnior
• Frontend Mentor - @Azganoth