WATCHit
WATCHit™ is a video streaming web application designed to give you an easy and personal way to enjoy entertainment. Whether you love movies or binge-watch shows. It has something for everyone.
Install / Use
/learn @AbhishekGanvir/WATCHitREADME
Please be patient. Sometimes website may take more than a minute to render after being inactive for over 50 minutes. Thank you for your understanding!
- ⚛️ Tech Stack: React.js, Node.js, Express.js, MongoDB, Tailwind CSS, Vite
- 🔐 Authentication with JWT
- 🎬 Fetch Movies and Tv Show
- 🔎 Search for Actors and Movies
- 🎥 Watch Trailers
- 🐱👤 Get Similar Movies/Tv Shows
- 💙 Awesome Landing Page
- 📱 Mobile Responsive UI
- 🚀 And Many More Cool Features
To run the WATCHit™ project locally:
Setup .env file in root directory ✅️
PORT=3000
MONGO_URI=your_mongo_uri
NODE_ENV=development
JWT_SECRET=your_jwt_secret
TMDB_API_KEY=your_tmdb_api_key
Run this app locally ✅️
npm run build
Start the app ✅️
npm run start
Following these steps will set up and run the WATCHit™ project on your local computer.
The WATCHit™ Registration Page features an autoplaying video showcasing the app’s highlights. The video starts muted, with a simple mute/unmute button for easy audio control, making it engaging and user-friendly.
The Login and Sign-Up Page lets you return to the home page by clicking the logo and easily switch to login if you already have an account.
The WATCHit™ Home Screen opens to the Movies section by default, featuring a sleek and visually appealing UI that highlights trending titles and personalized recommendations for a great browsing experience.
Click or swipe any poster to play it instantly.
The TV Shows section works the same way. Click or swipe any poster to start watching instantly.
The Search Bar offers content categories like Movies, TV Shows, and Person. You can explore and play content from each category, and also discover related items under Content Data for a wider selection.
You can easily logout from WATCHit™ by clicking the Logout button.
Related Skills
node-connect
354.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
354.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
354.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
