https://github.com/alfathmuqoddas/next-movie-app

Movie App Created with Next JS and The Movie DB API
https://github.com/alfathmuqoddas/next-movie-app

next react tailwindcss vercel

Last synced: 11 days ago
JSON representation

Movie App Created with Next JS and The Movie DB API

• Host: GitHub
• URL: https://github.com/alfathmuqoddas/next-movie-app
• Owner: alfathmuqoddas
• Created: 2022-11-26T10:41:33.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-14T06:19:46.000Z (7 months ago)
• Last Synced: 2024-07-14T08:27:30.676Z (7 months ago)
• Topics: next, react, tailwindcss, vercel
• Language: JavaScript
• Homepage: https://alefast.vercel.app
• Size: 1.1 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NEXT MOVIE APP

## Screenshot

1. [homepage-screenshot](https://prnt.sc/SQBazP8FgfnX)

2. [popular page](https://prnt.sc/ufGTwT4W1pXw)

3. [movie detail page](https://prnt.sc/AJX_oQMuua3a)

## Features

1. Get Info about the current popular, trending, and now playing movies & tv.

2. Get detailed info about the movies or tv show.

3. Search for all available movies or tv shows

## Tech Stack

1. [The Movie DB API](https://developer.themoviedb.org/reference/intro/getting-started)

2. [NextJS](https://nextjs.org) - Reactjs Meta Framework

3. [Tailwind CSS](https://tailwindcss.com/) - UI Library

4. [Daisy UI](https://daisyui.com/) - UI Component Library

5. [Vercel](https://vercel.com) - CI/CD

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.