JSON Placeholder Albums App

Overview

The app consumes the JSONPlaceholder Album API and has the main goal of displaying albums, selected albums and their owners, information about the owner and information about each photo through a modal.

It is currently deployed on Netlify.

Stack

• Nuxt 3
• Tailwind - why?
• TypeScript

Nuxt Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.