{"id":24485848,"url":"https://github.com/shivanshkumar760/flickwatch","last_synced_at":"2026-03-06T15:32:17.970Z","repository":{"id":272402515,"uuid":"916465598","full_name":"ShivanshKumar760/FlickWatch","owner":"ShivanshKumar760","description":"FlickWatch 🎦🍿 is Open Source Code Base which uses the movie database (tmdb) to fetch movie id and  VidSrc to stream movie .It uses React as the frontend and Express as the  backend with Tailwind css as the styling library and lucide and heroicons for icon with headless ui for styled component","archived":false,"fork":false,"pushed_at":"2025-03-23T23:24:18.000Z","size":3628,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-07T19:47:29.640Z","etag":null,"topics":["api","aws","backend","certbot","css3","ec2","esm","expressjs","frontend","gsap","headlessui","heroicons-react","javascript","netlify","nginx","reactjs","ssl","tailwindcss","tmdb-api","vidsrc-api"],"latest_commit_sha":null,"homepage":"https://flickwatchio.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ShivanshKumar760.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-14T06:34:36.000Z","updated_at":"2025-02-08T02:40:50.000Z","dependencies_parsed_at":"2025-01-14T08:18:51.681Z","dependency_job_id":"dfd7d3ba-6e8a-4a1d-985e-a0cb11e3e976","html_url":"https://github.com/ShivanshKumar760/FlickWatch","commit_stats":null,"previous_names":["shivanshkumar760/flickwatch"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ShivanshKumar760/FlickWatch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShivanshKumar760%2FFlickWatch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShivanshKumar760%2FFlickWatch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShivanshKumar760%2FFlickWatch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShivanshKumar760%2FFlickWatch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShivanshKumar760","download_url":"https://codeload.github.com/ShivanshKumar760/FlickWatch/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShivanshKumar760%2FFlickWatch/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30183472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T14:42:24.748Z","status":"ssl_error","status_checked_at":"2026-03-06T14:42:14.925Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","aws","backend","certbot","css3","ec2","esm","expressjs","frontend","gsap","headlessui","heroicons-react","javascript","netlify","nginx","reactjs","ssl","tailwindcss","tmdb-api","vidsrc-api"],"created_at":"2025-01-21T14:20:18.151Z","updated_at":"2026-03-06T15:32:17.945Z","avatar_url":"https://github.com/ShivanshKumar760.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![FlickWatch Logo](https://github.com/ShivanshKumar760/FlickWatch/blob/master/frontend/src/images/logo.png)\n\nFlickWatch is a full-stack movie streaming platform that provides users with an engaging and seamless movie-watching experience. The application is built using React.js for the frontend and Express.js for the backend, integrating multiple APIs for movie data and streaming services.\n\n## **Features**\n- **Comprehensive Movie Streaming**: Users can browse, search, and stream movies effortlessly.  \n- **Data Integration**: Movie details are fetched dynamically using the **TMDB API**.  \n- **Seamless Streaming**: The **VidSrc API** is leveraged for streaming movies using unique backend-generated movie IDs.  \n- **Modern UI**: Designed with **TailwindCSS** and enhanced with **Headless UI** components for a sleek and responsive user interface.  \n- **Optimized Performance**: Improved page load times by 30% through an optimized codebase and efficient API calls.\n\n---\n\n## **Tech Stack**\n### **Frontend**\n- **React.js**: For building dynamic and responsive user interfaces.  \n- **TailwindCSS**: For modern, responsive styling.  \n- **Headless UI**: For pre-built accessible UI components.  \n\n### **Backend**\n- **Express.js**: RESTful API server for data handling and integration.  \n- **TMDB API**: Fetching movie details and metadata.  \n- **VidSrc API**: Streaming movies seamlessly.  \n\n### **Hosting and Deployment**\n- **Frontend**: Deployed on **Netlify** for fast, secure, and scalable hosting.  \n- **Backend**: Hosted on **AWS EC2** with:  \n  - **Nginx** as a reverse proxy.  \n  - **Certbot** for SSL certificate configuration, ensuring secure communication.\n\n---\n\n## **Setup Instructions**\n### **1. Prerequisites**\n- Node.js and npm installed.  \n- MongoDB (optional, depending on extensions).  \n- An AWS EC2 instance or local server.  \n\n### **2. Clone the Repository**\n```bash  \ngit clone https://github.com/ShivanshKumar760/FlickWatch.git \ncd FlickWatch  \n```\n\n### **3. Install Dependencies**\n- **Backend**:  \n  ```bash  \n  cd backend  \n  npm install  \n  ```  \n- **Frontend**:  \n  ```bash  \n  cd frontend  \n  npm install  \n  ```  \n\n### **4. Configure Environment Variables**\nCreate `.env` files in both the backend and frontend directories with the following:  \n\n**Backend `.env`:**  \n```env\nMONGO_URL_LOCAL=your_mongodb_connectionString\nTMDB_API_KEY=your_tmdb_api_key  \nPORT=4000  \n```  \n\n**Frontend `.env`:**  \n```env  \nViTE_BACKEND_API=https://your-backend-url\n```  \n\n### **5. Run the Application**\n- **Backend**:  \n  ```bash  \n  cd backend  \n  node  server.js\n  ```  \n- **Frontend**:  \n  ```bash  \n  cd frontend  \n  npm start  \n  ```  \n\n---\n\n## **Live Project**\n- **Frontend**: [Visit FlickWatch](https://flickwatchio.netlify.app)  \n- **GitHub Repository**: [FlickWatch Code](https://github.com/ShivanshKumar760/FlickWatch.git)  \n\n---\n\n## **Key Highlights**\n- **Improved Performance**: Page load times reduced by 30%.  \n- **Responsive Design**: Tailored for all screen sizes with TailwindCSS.  \n- **Secure Hosting**: Backend secured with SSL using Certbot on AWS EC2.  \n\n---\n\n## **License**\nThis project is licensed under the MIT License.  \n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivanshkumar760%2Fflickwatch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshivanshkumar760%2Fflickwatch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivanshkumar760%2Fflickwatch/lists"}