Initial commit

Azganoth · Aug 10, 2023 · 9b41dee · 9b41dee
commit 9b41dee
Show file tree

Hide file tree

Showing 13 changed files with 3,763 additions and 0 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "prettier"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,34 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+*.fig
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "typescript.tsdk": "node_modules\\typescript\\lib"
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,52 @@
+# Frontend Mentor - Galleria slideshow site solution
+
+This is a solution to the [Galleria slideshow site challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/galleria-slideshow-site-tEA4pwsa6).
+
+## Table of contents
+
+- [Frontend Mentor - Galleria slideshow site solution](#frontend-mentor---galleria-slideshow-site-solution)
+  - [Table of contents](#table-of-contents)
+  - [Overview](#overview)
+    - [The challenge](#the-challenge)
+  - [My process](#my-process)
+    - [Built with](#built-with)
+  - [Author](#author)
+
+## Overview
+
+### The challenge
+
+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
+
+<!-- ### Screenshot
+
+![](./screenshot.jpg)
+
+### Links
+
+- Solution URL: [Add solution URL here](https://your-solution-url.com)
+- Live Site URL: [Add live site URL here](https://your-live-site-url.com) -->
+
+## My process
+
+### Built with
+
+- Semantic HTML5 markup
+- CSS custom properties
+- Mobile-first workflow
+- [React](https://reactjs.org/) - JavaScript library
+- [Next.js](https://nextjs.org/) - React framework
+
+<!-- ### Useful resources
+
+- [Example resource 1](https://www.example.com) - This helped me for XYZ reason. I really liked this pattern and will use it going forward.
+- [Example resource 2](https://www.example.com) - This is an amazing article which helped me finally understand XYZ. I'd recommend it to anyone still learning this concept. -->
+
+## Author
+
+- Website - [Ademir José Ferreira Júnior](https://github.com/Azganoth)
+- Frontend Mentor - [@Azganoth](https://www.frontendmentor.io/profile/Azganoth)
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/globals.css b/app/globals.css
@@ -0,0 +1,7 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -0,0 +1,20 @@
+import '@/globals.css';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Galleria',
+  description:
+    'This is a solution to the "Galleria slideshow site" challenge on Frontend Mentor',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -0,0 +1,14 @@
+export default function Page() {
+  return (
+    <main>
+      Start slideshow Starry Night Vincent Van Gogh Girl with a Pearl Earring
+      Johannes Vermeer Guernica Pablo Picasso Penitent Magdalene Artemisia
+      Gentileschi The Storm on the Sea of Galilee Rembrandt The Great Wave off
+      Kanagawa Hokusai Van Gogh Self-portrait Vincent Van Gogh The Sleeping
+      Gypsy Henri Rousseau Lady with an Ermine Leonardo da Vinci The Night Café
+      Vincent Van Gogh The Basket of Apples Paul Cézanne The Boy in the Red Vest
+      Paul Cézanne Arnolfini Portrait Jan van Eyck Mona Lisa Leonardo da Vinci
+      The Swing Jean-Honoré Fragonard
+    </main>
+  );
+}
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'export',
+};
+
+module.exports = nextConfig;