{"id":21534172,"url":"https://github.com/milan-960/moonlight-films","last_synced_at":"2025-09-08T11:19:36.818Z","repository":{"id":103397560,"uuid":"604297783","full_name":"Milan-960/Moonlight-films","owner":"Milan-960","description":"This app is about movies using the movie database API. it will allow users to create an account and they also will be able to put comments in the review section on the movie app. As well it will allow users to stream movies online and can download the app is a PWA.","archived":false,"fork":false,"pushed_at":"2023-05-06T12:09:04.000Z","size":26016,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-31T09:53:19.612Z","etag":null,"topics":["firebase","firebase-auth","formkit","react","react-icons","react-toastify","redux","swiper","tailwindcss"],"latest_commit_sha":null,"homepage":"https://moonlight-film.vercel.app","language":"TypeScript","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/Milan-960.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}},"created_at":"2023-02-20T18:58:41.000Z","updated_at":"2024-11-12T17:24:42.000Z","dependencies_parsed_at":"2023-07-02T03:16:11.528Z","dependency_job_id":null,"html_url":"https://github.com/Milan-960/Moonlight-films","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Milan-960/Moonlight-films","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Milan-960%2FMoonlight-films","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Milan-960%2FMoonlight-films/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Milan-960%2FMoonlight-films/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Milan-960%2FMoonlight-films/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Milan-960","download_url":"https://codeload.github.com/Milan-960/Moonlight-films/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Milan-960%2FMoonlight-films/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274174636,"owners_count":25235287,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-08T02:00:09.813Z","response_time":121,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["firebase","firebase-auth","formkit","react","react-icons","react-toastify","redux","swiper","tailwindcss"],"created_at":"2024-11-24T03:09:20.167Z","updated_at":"2025-09-08T11:19:36.807Z","avatar_url":"https://github.com/Milan-960.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Live demo 🔥 [LIVE](https://moonlight-film.vercel.app/)\n\n# How to start the Project!\n\n### Clone the repo in your machine!\n\n```\ngit clone https://github.com/Milan-960/Moonlight-films.git\n```\n\n### install the dependency\n\n```\nnpm install\n```\n\n### Run on the dev server\n\n```\nnpm start\n```\n\n## To be able to watch the movies you would need to have your API in .env\n\n```\nREACT_APP_API_KEY=MOVIE API\n\nREACT_APP_FB_API_KEY=FIREBASE API KEY\nREACT_APP_FB_AUTH_DOMAIN=FIREBASE AUTH_DOMAIN KEY\nREACT_APP_FB_PROJECT_Id=FIREBASE PROJECT_Id KEY\nREACT_APP_FB_STORAGE_BUCKET=FIREBASE STORAGE_BUCKE KEY\nREACT_APP_FB_MESSAGING_SENDER_ID=FIREBASE MESSAGING_SENDER_I KEY\nREACT_APP_FB_APP_ID=FIREBASE APP_ID KEY\nREACT_APP_FB_MEASUREMENT_ID=FIREBASE MEASUREMENT_ID KEY\n```\n\n## what this app will have\n\nThis app is about movie with using the movie database API. it will allow user to create an account and they also will be able to put commnets on in review section on the movie app. As well it it will allow user to stream movie online and can download the app.\n\n# Moonlight Films\n\nHot TV Show / Movie Watching Website\n\n# Movie sources API\n\nThe Movie Database [API](https://www.themoviedb.org/documentation/api)\n\n### Main technology used\n\n- ReactJS, Typescript, TailwindCSS\n- Redux-Toolkit\n- React-Query, Axios\n- Firebase\n- Swiper\n- React-AutoAnimate, React-Select, React-Toastify, React-Circular-Progressbar, React-Infinite-Scroll-Component, React-Lazy-Load-Image-Component, React-Icons, React-Router-Dom\n- Formik, Yup\n\n## Features\n\n- designed homepage detail watching pages.\n- Sort filter (query-params based).\n- Search by name, with suggestion keywords, filter result by type.\n- Skeleton loading, infinite scrolling, query-based pagination and smooth animation.\n- Authentication by email password or Google Facebook. Fully validated sign-up form.\n- Bookmark favourite films, store recently watched films. Allowing to edit films list: Select All -\u003e Clear.\n- Profile page: allowing to change profile photo, name, email, password, verify, delete account after reauthentication.\n- Comment: Allowing to give reactions, see who reacts to a comment (sorted and filter out the 3 most popular reactions), reply to a comment, edit, delete, hide, sort by latest popular and load more comment.\n\n## Screenshots, Preview\n\n![Screenshot 1](https://i.ibb.co/4WM6xSp/home.png)\n\n![Screenshot 2](https://i.ibb.co/CB0694y/detail.png)\n\n![Screenshot 3](https://i.ibb.co/Vxf85Kh/watch.png)\n\n![Screenshot 4](https://i.ibb.co/B2yQtvZ/explore.png)\n\n![Screenshot 5](https://i.ibb.co/NY0kLHD/bookmark.png)\n\n![Screenshot 6](https://i.ibb.co/P5pzbzf/search.png)\n\n![Screenshot 7](https://i.ibb.co/kqc377t/profile.png)\n\n![Screenshot 8](https://i.ibb.co/5BhLp4x/auth.png)\n\n![Screenshot 9](https://i.ibb.co/LrYHgCF/mobile.png)\n\n```\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilan-960%2Fmoonlight-films","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmilan-960%2Fmoonlight-films","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilan-960%2Fmoonlight-films/lists"}