Awesome

<br><p align="center"> <img height="100px" src="./public/movies.webp" />

</p> <h1 align="center">Nuxt Movies</h1> <br>

Movies app demo built using Nuxt 3, Vue 3, UnoCSS, Image Module, The Movie Database API and TypeScript.

🍿 Live preview: https://movies.nuxt.space

Screenshots

<img width="1191" src="https://user-images.githubusercontent.com/11247099/171109597-ee4fb47c-48b5-4dba-94b3-a56e0083c142.png"> <img width="1191" src="https://user-images.githubusercontent.com/11247099/171109632-d9b480c4-e640-4812-8ea6-ccc6d17daa6a.png"> <img width="1191" src="https://user-images.githubusercontent.com/11247099/171109644-c586de96-04be-4ae7-8a7b-c0d615a2ecba.png"> <img width="764" src="https://user-images.githubusercontent.com/11247099/171109653-7137e2e5-ca06-4a30-9caa-bacdbc739121.png">

Proxy Server

Check proxy/README

Setup

# Enable pnpm
$ corepack enable

# Install dependencies
$ pnpm install

# Start dev server with hot reload at localhost:3000
$ pnpm dev

Credits

Based on jasonujmaalvis/vue-movies and tastejs/nuxt-movies.

<img height="50px" src="./public/tmdb.svg">

Data provided by The Movie Database.

This project uses the TMDB API but is not endorsed or certified by TMDB.