Skip to content

leomiranda/nuxt-3-tailwind-api

Repository files navigation

codeBeer - Nuxt 3 App

Look at the DEMO.

Beer Menu

image

Beer Page

image

Challenge

Hit this brew dog api, display the results: url: https://api.punkapi.com/v2/beers?brewed_after=11-2012

  • Use Vue with Nuxt
  • Display:
    • Name
    • Tagline
    • Description
    • Image
    • ABV
    • IBU
  • Warning of some sort if contains lactose
  • Hi-lite of some sort if dry hopped
  • Sort by ascending ABV
  • Remove any with Centennial hops

Links

Challenge delivered: Beer Menu

Others:

Google Lighthouse

Beer Page

telegram-cloud-photo-size-1-5102893315333925893-y

Beer Menu

telegram-cloud-photo-size-1-5102893315333925894-y

Setup

Make sure to install the dependencies:

# pnpm pnpm install

Clone the file .env.example and rename to .env.

Development Server

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

# pnpm pnpm run dev

Production

Build the application for production:

# pnpm pnpm run build

Locally preview production build:

# pnpm pnpm run preview

Check out the deployment documentation for more information.

About

Nuxt 3 app example with vue 3, tailwind and punkapi

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors