🎬 CineScope

CineScope is a full-stack Movie Search & Watchlist web application built using the OMDb API. Users can search for movies, add them to a personal watchlist, and manage them securely via authentication ..

---

📦 Tech Stack

⚛️ Frontend:

• React.js
• React Router DOM
• CSS (Glassmorphism + Neon Aesthetic)
• FontAwesome Icons

🛠 Backend:

• Node.js + Express.js
• MongoDB (via Mongoose)
• JWT Authentication
• RESTful APIs

---

✨ Features

• 🔍 Search movies by title using OMDb API
• 📝 Add/remove movies from a personal Watchlist
• 🔐 JWT-based authentication for user security
• 🎨 Stunning UI with animations and glass effects
• 📱 Responsive design — works beautifully on all devices

🛠️ Setup Instructions

🔧 Backend:

cd CineScope/backend
npm install
# Create a .env file and add the following:
# MONGO_URI=<Your MongoDB URI>
# JWT_SECRET=<Your Secret Key>
npm start

🔧 Frontend :

cd CineScope/frontend
npm install
npm start

🔑 Environment Variables (Backend) Variable : Description MONGO_URI : Your MongoDB Atlas URI JWT_SECRET : A strong secret for JWT

📡 APIs Used OMDb API — movie search data API Key required: You can get your free key here

👨‍💻 Author Prince Singh • LinkedIn : https://www.linkedin.com/in/prince-singh-dev

OUTPUT

📝 License This project is licensed under the MIT License — feel free to use and improve it.