Movieez Tailwind Templates

Movieez

Movieez is a web app built with React.js and Tailwind CSS, using TMDB API for movie data and MongoDB for user data storage.

A Netflix Clone

Frontend - React.js, Zustand, Tailwind CSS,Axios

Backend - Node.js,mongoose,express.js,MongoDB,JWT,cookie-parser,The Movie Database

Application Snapshots

Some Features

  • ⚛️ Tech Stack: React.js, Node.js, Express.js, MongoDB, Tailwind
  • 🔐 Authentication with JWT
  • 📱 Responsive UI
  • 🎬 Fetch Movies and Tv Show
  • 🔎 Search for Actors and Movies
  • 🎥 Watch Trailers
  • 🔥 Fetch Search History
  • 🐱‍👤 Get Similar Movies/Tv Shows
  • 💙 Awesome Landing Page
  • 🌐 Deployment
  • 🚀 And Many More Cool Features

Setup .env file for Backend

CORS_ORIGIN = *
MONGODB_URL=
PORT=

ACCESS_TOKEN_SECRET=
ACCESS_TOKEN_EXPIRY=

REFRESH_TOKEN_SECRET=
REFRESH_TOKEN_EXPIRY=

TMDB_API_KEY=your_tmdb_api_key

Build the app

Frontend Setup

Enter into the frontend directory

cd frontend

Install the dependencies

npm install

Run the frontend application

npm run dev

Backend Setup

Enter into the backend directory

cd backend

Install the backend dependencies

npm install

Configure the MongoDB url in .env files

MONGODB_URL 

Setup the The Movie Database and copy the details such as username and secret key

TMDB_API_KEY=your_tmdb_api_key

Start Backend Server

npm run dev

Top categories

Loading Svelte Themes