Coder Social home page Coder Social logo

ashanime / ashanime-web-app Goto Github PK

View Code? Open in Web Editor NEW
178.0 4.0 44.0 2.1 MB

Watch media ad free through a beautiful UI. Don't forget to ๐ŸŒŸ this repo for updates!

Home Page: https://ashanime.pro

License: GNU General Public License v3.0

HTML 1.32% JavaScript 1.17% TypeScript 93.39% CSS 4.12%
ad-free anime anime-api anime-app anime-scraper anime-search framer-motion react redux tailwindcss vercel

ashanime-web-app's Introduction

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!

Github Stars Github Issues Github Forks Discord

image

Responsive to most devices

image image image image

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:

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. Ashanime was built using the Consumet API to supply 95% of the data.

Ecosystem

  • Discord Server - Join our discord server and chat with the developers.

Support

You can contact the developers of Ashanime via email, or join the discord server (Recommended).

Contributors โœจ

Thanks to the following people for taking this app to new heights.

License

Licensed under AG.

Sponsor this project

"Buy Me A Coffee"

ashanime-web-app's People

Contributors

ahmedalashhab avatar k3noxofficial avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ashanime-web-app's Issues

issue with deploy

it deployed but there is a issue when i click login or login anonymously it never loader nxt page it strucks that page.
when register it show like that

Registration failed
Firebase: Error (auth/operation-not-allowed).

To-Do

To-Do List

Core issues

Getting core issues when starting a local host of the app.

[BUG] Where is the app??

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

Firebase config not resolved

I would like to use my Firebase data with it but when I'm deploying it always says Firebase config not resolved or something like that.

Feature Request: MyAnimeList Tracker

Hello Team Ashanime, It would be great if there was a feature where it the MyAnimeList account syncs to Ashanime. That way it automatically watchlists all the animes I wanted to watch with a single click of a button.

The website isn't working

I just deployed the website on vercel and I wanted to try it out but the entire website page was empty
Screenshot_20240715-064758
Screenshot_20240715-065212
What's going on

Failed to compile

When I try to build the website with vercel it keeps saying

Failed to compile.

Module not found: Error: Can't resolve './firebaseConfig' in '/vercel/path0/src/firebase'

Error: Command "npm run build" exited with 1

Is there something I can do?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.