{"id":14961175,"url":"https://github.com/ashanime/ashanime-web-app","last_synced_at":"2025-07-29T16:37:49.854Z","repository":{"id":58166919,"uuid":"530390644","full_name":"Ashanime/Ashanime-Web-App","owner":"Ashanime","description":"Watch media ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!","archived":false,"fork":false,"pushed_at":"2023-09-16T19:18:28.000Z","size":2152,"stargazers_count":192,"open_issues_count":2,"forks_count":44,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-13T04:09:29.367Z","etag":null,"topics":["ad-free","anime","anime-api","anime-app","anime-scraper","anime-search","framer-motion","react","redux","tailwindcss","vercel"],"latest_commit_sha":null,"homepage":"https://ashanime.pro","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ashanime.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2022-08-29T20:55:23.000Z","updated_at":"2025-04-05T22:38:29.000Z","dependencies_parsed_at":"2024-12-18T05:18:04.669Z","dependency_job_id":null,"html_url":"https://github.com/Ashanime/Ashanime-Web-App","commit_stats":{"total_commits":88,"total_committers":4,"mean_commits":22.0,"dds":"0.40909090909090906","last_synced_commit":"568166727fb90b1e3af170dc14c85ad31939d729"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashanime%2FAshanime-Web-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashanime%2FAshanime-Web-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashanime%2FAshanime-Web-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashanime%2FAshanime-Web-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ashanime","download_url":"https://codeload.github.com/Ashanime/Ashanime-Web-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248661704,"owners_count":21141450,"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","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":["ad-free","anime","anime-api","anime-app","anime-scraper","anime-search","framer-motion","react","redux","tailwindcss","vercel"],"created_at":"2024-09-24T13:24:05.480Z","updated_at":"2025-04-13T04:09:34.154Z","avatar_url":"https://github.com/Ashanime.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/ahmedalashhab"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"https://i.ibb.co/LSpM063/Asset-4.png\" width=\"175\"/\u003e\u003c/p\u003e\n\u003ch3 align=\"center\" \u003e Ashanime - Watch Ad-free Anime\u003ch3/\u003e\n\n\u003cp align=\"center\"\u003e  Ashanime is an Ad free responsive web application built with the intention of providing a pleasent anime viewing experience. \u003cp/\u003e\n\n\u003cp align=\"center\"\u003e Don't forget to 🌟 this repo for updates! \u003cp/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/Ashanime/Ashanime-Web-App\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/Ashanime/Ashanime-Web-App\" alt=\"Github Stars\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.gnu.org/licenses/agpl-3.0.en.html\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/issues/Ashanime/Ashanime-Web-App\" alt=\"Github Issues\"\u003e\n    \u003c/a\u003e\n     \u003ca href=\"https://github.com/Ashanime/Ashanime-App\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/Ashanime/Ashanime-Web-App\" alt=\"Github Forks\"\u003e\n  \u003c/a\u003e\n    \u003ca href=\"https://discord.gg/G8W8wwEWfj\"\u003e\n      \u003cimg src=\"https://img.shields.io/discord/1013555216425173053?color=7289da\u0026label=discord\u0026logo=Discord\u0026logoColor=7289da\u0026style=flat\" alt=\"Discord\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cimg width=\"1440\" alt=\"image\" src=\"https://user-images.githubusercontent.com/96653465/187176391-6052d729-561b-4ee8-b967-4092d66b6a52.jpeg\"\u003e\n\n\u003ch2\u003eResponsive to most devices \u003c/h2\u003e\n\u003cdiv class=\"flex\" align=\"center\"\u003e \n  \u003cimg width=\"313\" alt=\"image\" src=\"https://user-images.githubusercontent.com/96653465/187175226-c6f33a73-910c-4423-bbf9-4eedf9f15754.jpeg\")\u003e\n  \u003cimg width=\"313\" alt=\"image\" src=\"https://user-images.githubusercontent.com/96653465/187175668-8c83a384-78a9-45dc-9b0e-3f7e49054db9.jpeg\"\u003e\n  \u003cimg width=\"313\" alt=\"image\" src=\"https://user-images.githubusercontent.com/96653465/187175995-a9dcfa81-ade4-4e8d-accb-33f920aa3cae.jpeg\"\u003e\n  \u003cimg width=\"313\" alt=\"image\" src=\"https://user-images.githubusercontent.com/96653465/187183534-4c304a66-dd26-4878-99f8-9965f02d98c1.jpeg\"\u003e\n\n\n  \u003c/div\u003e\n\n## Summary\n\n### Tech Utilized\n\n\u003c!-- DEPENDENCY BADGES --\u003e\n\u003cp align=\"center\"\u003e\n   \u003ca href=\"https://www.typescriptlang.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/typescript?logo=typescript\u0026style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://17.reactjs.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/react?filename=package.json\u0026color=5fd9fb\u0026logo=react\u0026labelColor=222435\u0026style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://redux-toolkit.js.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/@reduxjs/toolkit?filename=package.json\u0026label=redux-toolkit\u0026color=593d88\u0026logo=redux\u0026labelColor=242526\u0026style=flat-square\u0026logoColor=b58bf7\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://tailwindcss.com/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/dev/tailwindcss?filename=package.json\u0026color=37b8f1\u0026logo=tailwindcss\u0026labelColor=0b1120\u0026style=flat-square\u0026logoColor=38bdf8\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.framer.com/motion\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/framer-motion?logo=framer\u0026style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/firebase?color=yellow\u0026logo=firebase\u0026style=flat-square\"\u003e\n     \u003c/a\u003e\n  \u003ca href=\"https://headlessui.com/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/Ashanime/Ashanime-Web-App/@headlessui/react?logo=headless-ui\u0026style=flat-square\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2\u003e App Features \u003c/h2\u003e\n\n### Popular, trending, and recently released Animes\n\nStay up to date with the latest anime trends and be informed about what to watch next with what's trending and popular!\n\n### Top Anime List\n\nEver thought to yourself \"I can't find any good anime's to watch. If only I can ask someone\". Well! Worry no more! The top anime list will put you right on track and enlighten you with the knowledge of what your fellow anime enjoyers are busy having a blast watching! If you still can't find something that sratches that itch, the next feature below will be just what you need.\n\n### Advanced search and filter with genres\n\nUse the advanced search and genre combo selector to filter away all the the animes you're not interested in and hone down on the exact niche you're looking for. Don't feel like watching comedy animes that are still airing and instead want to watch a quick 24 epsisode dramatic action anime in one spiffing sitting? No problem. Just select the drama and action genres, select the \"complete\" status filter, sort the list in anyway you like, and explore the glorious works of renowned anime studios.\n\n### Watch-based recommended Animes\n\nFinished a splendiferous anime and now you're sad that there are no more episodes and wish that you could find a similar anime? No worries! Right under the Synopsis beneath the video player, a beautiful recommended list of animes awaits you.\n\n### Watch list (bookmarking animes)\n\nHave a long list of animes that you wish to watch? Awesome! Once you click on anime of interest, just press the \"Add to Watchlist\" button and your anime will be stored in your personal watchlist. Access the watchlist via the top navigation bar.\n\n### User account synchronization\n\nHere at Ashanime, we use firebase to sync your information to the cloud. Log in from anywhere and find your watchlist, shows watched and last episodes watched all available to you via the cloud.\n\n### PWA compliant\n\nTired of repeatedly opening the browser and searching for Ashanime every single time you feel like Bing Chilling? No worries fam. Be it on Android, iOS, MacOS, or PC, simply download the PWA from your chrome browser and install Ashanime right on your device! You'll receieve updates automatically whenever you open your app.\n\n## Local Deployment\n\n### Firebase Installation\n\nTo use Ashanime with firebase, create a firebaseConfig.js file in Ashanime-Web-App/src/firebase and insert your firebase config details therein.\nBe sure to create an export const with the name \"firebaseConfig\".\nSee example below:\n\n```ts\nexport const firebaseConfig = {\n\tapiKey: \"sjhHDJsh82hJHdh3jHJDHJQk4398\",\n\tauthDomain: \"yourdomain.firebaseapp.com\",\n\tdatabaseURL: \"https://jgjfhg453EHQHT.asia-east1.firebasedatabase.app\",\n\tprojectId: \"your project id\",\n\tstorageBucket: \"projectid.appspot.com\",\n\tmessagingSenderId: \"333747474747477\",\n\tappId: \"yourappid\",\n\tmeasurementId: \"R-FKJHSJW\",\n};\n```\n\nYou need to have `nodejs` and `git` installed on your pc for the upcoming steps.\n\nFirst download the repository using\n\n```\ngit clone https://github.com/Ashanime/Ashanime-Web-App\n```\n\nThis should download this repository to your computer. Next, to download the dependencies run\n\n```\nnpm install\n```\n\nNow start the production build of the site using\n\n```\nnpm start\n```\n\nThis will start the app on http://localhost:3000\n\n## Aknowledgements\n\n \u003ca href=\"https://github.com/consumet/consumet.ts/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/consumet/consumet.ts-333.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n  \nThis app would not have been possible without the kind and rapid support of the experts over at [Consumet](https://github.com/consumet).\nAshanime was built using the Consumet API to supply 95% of the data.\n\n## Ecosystem\n\n-   [Discord Server](https://discord.gg/G8W8wwEWfj) - Join our discord server and chat with the developers.\n\n## Support\n\nYou can contact the developers of Ashanime via [email](mailto:help.ashanime@gmail.com), or [join the discord server](https://discord.gg/zT22GZya) (Recommended).\n\n\u003ca href=\"https://discord.gg/G8W8wwEWfj\"\u003e\n   \u003cimg src=\"https://discordapp.com/api/guilds/1013555216425173053/widget.png?style=banner2\"\u003e\n\u003c/a\u003e\n\n## Contributors ✨\n\nThanks to the following people for taking this app to new heights.\n\n[![](https://avatars.githubusercontent.com/u/96653465?s=50)](https://github.com/ahmedalashhab) [![](https://avatars.githubusercontent.com/u/5903821?s=50)](https://github.com/smashah)\n\n## License\n\nLicensed under [AG](./LICENSE).\n\n## Sponsor this project\n\n[![\"Buy Me A Coffee\"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/ahmedalashhab)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashanime%2Fashanime-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashanime%2Fashanime-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashanime%2Fashanime-web-app/lists"}