Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ashanime/ashanime-web-app
Watch media ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!
https://github.com/ashanime/ashanime-web-app
ad-free anime anime-api anime-app anime-scraper anime-search framer-motion react redux tailwindcss vercel
Last synced: 4 days ago
JSON representation
Watch media ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!
- Host: GitHub
- URL: https://github.com/ashanime/ashanime-web-app
- Owner: Ashanime
- License: gpl-3.0
- Created: 2022-08-29T20:55:23.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-16T19:18:28.000Z (over 1 year ago)
- Last Synced: 2024-12-05T07:25:45.111Z (17 days ago)
- Topics: ad-free, anime, anime-api, anime-app, anime-scraper, anime-search, framer-motion, react, redux, tailwindcss, vercel
- Language: TypeScript
- Homepage: https://ashanime.pro
- Size: 2.05 MB
- Stars: 187
- Watchers: 5
- Forks: 44
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Ashanime - Watch Ad-free Anime
Ashanime is an Ad free responsive web application built with the intention of providing a pleasent anime viewing experience.
Don't forget to 🌟 this repo for updates!
Responsive to most devices
## Summary
### Tech Utilized
App Features
### Popular, trending, and recently released Animes
Stay up to date with the latest anime trends and be informed about what to watch next with what's trending and popular!
### Top Anime List
Ever 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.
### Advanced search and filter with genres
Use 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.
### Watch-based recommended Animes
Finished 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.
### Watch list (bookmarking animes)
Have 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.
### User account synchronization
Here 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.
### PWA compliant
Tired 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.
## Local Deployment
### Firebase Installation
To use Ashanime with firebase, create a firebaseConfig.js file in Ashanime-Web-App/src/firebase and insert your firebase config details therein.
Be sure to create an export const with the name "firebaseConfig".
See example below:
```ts
export const firebaseConfig = {
apiKey: "sjhHDJsh82hJHdh3jHJDHJQk4398",
authDomain: "yourdomain.firebaseapp.com",
databaseURL: "https://jgjfhg453EHQHT.asia-east1.firebasedatabase.app",
projectId: "your project id",
storageBucket: "projectid.appspot.com",
messagingSenderId: "333747474747477",
appId: "yourappid",
measurementId: "R-FKJHSJW",
};
```
You need to have `nodejs` and `git` installed on your pc for the upcoming steps.
First download the repository using
```
git clone https://github.com/Ashanime/Ashanime-Web-App
```
This should download this repository to your computer. Next, to download the dependencies run
```
npm install
```
Now start the production build of the site using
```
npm start
```
This will start the app on http://localhost:3000
## Aknowledgements
This app would not have been possible without the kind and rapid support of the experts over at [Consumet](https://github.com/consumet).
Ashanime was built using the Consumet API to supply 95% of the data.
## Ecosystem
- [Discord Server](https://discord.gg/G8W8wwEWfj) - Join our discord server and chat with the developers.
## Support
You can contact the developers of Ashanime via [email](mailto:[email protected]), or [join the discord server](https://discord.gg/zT22GZya) (Recommended).
## Contributors ✨
Thanks to the following people for taking this app to new heights.
[](https://github.com/ahmedalashhab) [](https://github.com/smashah)
## License
Licensed under [AG](./LICENSE).
## Sponsor this project
[](https://www.buymeacoffee.com/ahmedalashhab)