Skip to content

This is a colorful Next.js collaboration master piece created by the infamous spreekaiser and the incredible kasulk, mainly for practice (and a little fun).

Notifications You must be signed in to change notification settings

kasulk/art-gallery

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Art Gallery

Welcome to our colorful Art Gallery project!

Project Overview

This is a Next.js collaboration master piece created by the infamous spreekaiser and the incredible kasulk, mainly for practice (and a little fun).

Why

The goal was to enhance our agile, scrum and collaboration skills as well as our fullstack development and testing skills. Particularly working with TypeScript, React, Next.js, Redux/Toolkit, Jest and Git/GitHub.

Features

  • Fetch, merge and display data from 2 REST APIs
  • Random picked spotlight piece
  • List view of all pieces
  • Details page for every art piece
  • Mark your favorite art pieces as favorite
  • List your favorite art pieces
  • Write comments for art pieces
  • Comments and favorites persist in the browser (local storage)
  • See the color palette of each art piece
  • Get yelled at by a grumpy watchman

Technologies

Tech Stack

JavaScript | TypeScript | React | Next.js | Redux/Toolkit | Styled Components | Jest | HTML5 | CSS3

APIs

example-apis.vercel.app/api/art carlo-api.vercel.app

Link to Deployment

art-gallery-2000.vercel.app

Quick Start

  1. Clone the Repository:
git clone [email protected]:kasulk/art-gallery.git
cd art-gallery
  1. Install Dependencies:
npm install
  1. Run the Application:
npm run dev
  1. Open your browser and visit http://localhost:3000.

Contributing

If you have suggestions for improvements or found any bugs, feel free to contribute! Just open an issue or submit a pull request.

Licence

This project is licensed under the MIT License.

Thanks for exploring our Art Gallery project! 🚀 If you like it, we'd appreciate a ⭐️!

What's next

  • take a nap
  • world domination

About

This is a colorful Next.js collaboration master piece created by the infamous spreekaiser and the incredible kasulk, mainly for practice (and a little fun).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 67.4%
  • JavaScript 28.1%
  • Dockerfile 4.5%