kajinan/reactjs-asian-dramas

📺 Discover the latest Asian Dramas. 🛠 Built with Next.js (React), Hooks, React Query, Tailwind, and Headless UI Transitions.

📺 Asian Dramas

Discover the latest Asian Dramas. You can also filter the dramas by the release year or language.

👉 Live version: https://asian-dramas.vercel.app/

🎨 UI Design

Click below to View the app Design 👇

🔧 Setup

Environment variables

Create a file .env.local in the project root folder with:

TMDB_API_KEY=
TMDB_SERVER_URL=https://api.themoviedb.org/3/

Run the app

• npm run dev Run the development server
• npm run build Build the production app
• npm run start Serve the production app
• npm run lint Check code errors
• npm run format Format the code

👀 Screenshots

⛏️ Built Using

• Next.js - React Framework
• React - Javascript library. React hooks
• React Query - Fetch, cache and update data
• Tailwind CSS - Utility first CSS Framework
• Headless UI Transition - Enter/leave transitions in elements

🎉 Acknowledgements

• All the app data is obtained through TheMovieDB API