🎞️ Watcha

Watcha is a web application to search any movie and tv serie and access detailed information about each one, you also can see the trailer!

⭐ Features

• View detailed info. about each movie and tv serie.
• See what's in trending in current time.
• Search for movies or tv series in search bar.
• Search for movies or tv series by its generes.

🚀 Tech Stack

Nextjs | TailwindCSS | Motion | Swiper | Axios

Note

• The API used in this project was The Movie Database.

• Watcha was deployed in Vercel.

⚙️ Instalation

Follow the steps below to clone and use Watcha locally on your machine.

Important

• You must have nodejs and pnpm installed in your machine.

• You must have an API key from The Movie Database. If you don't have one, you can get it on the official The Movie Database website.

---

1. 📂 Clone the repository and install dependencies

# 1. Clone the repository
git clone https://github.com/SebastianL-dev/Watcha.git

# 2. Go to the project folder
cd Watcha

# 3. Install the dependencies (using pnpm)
pnpm install

2. 🌱 Set your enviroment variables

# Create a '.env' file in the project root and add your API key
API_KEY="your_api_key_here"

3. 🎉 Run the project

# Run the project in development mode
pnpm dev

# Build an optimized version of the project
pnpm build

# Run the optimized version created with the previous command
pnpm start

Note

You can see your local project in http://localhost:3000

---

Made with ♥️ by Sebastián Lozano