ErickLimaS / anime-website

AniProject: Watch Animes, Read Mangas and make Comments on this website made with Next.js, TypeScript, Firebase, Anilist, Consumet and Aniwatch API. AD FREE.
https://aniproject-dev.vercel.app/
Other
93 stars 29 forks source link

Incorrect API Key Error Despite Correct Credentials #58

Closed rakeshsarkar9711 closed 1 month ago

rakeshsarkar9711 commented 1 month ago

I'm encountering an issue with my Firebase project where I'm consistently receiving an "auth/invalid-api-key" error, even though I've double-checked and confirmed that all my credentials are correct. Screenshot 2024-05-25 100413

ErickLimaS commented 1 month ago

I just realized a didnt write on Readme about the Firebase Authentication Login Methods...

Im not sure if you've already did that, but you have to allow and accept certain sources to use the login properly, like GitHub, Default Email/Password, Google and anonymously login. Go check it on Authentication Panel -> Login Methods, on Firebase.

Tell me if it work out.

rakeshsarkar9711 commented 1 month ago

Screenshot 2024-05-25 231233 didn,t worked for me

ErickLimaS commented 1 month ago

Can you copy and put your .env.local file here? So i can see if something is off. But BE SURE to change the data to "xxxxxx" of something like that

rakeshsarkar9711 commented 1 month ago

NEXT_PUBLIC_CONSUMET_API_URL=https://consumet-api.herokuapp.com NEXT_PUBLIC_ANIWATCH_API_URL=https://api-aniwatch.onrender.com NEXT_PUBLIC_NEXT_INTERNAL_API_URL=https://lisa-eb8c3.web.app/api/animes-database NEXT_PUBLIC_FIREBASE_API_KEY=xxxxxxxx NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=lisa-eb8c3.firebaseapp.com NEXT_PUBLIC_FIREBASE_PROJECT_ID=lisa-eb8c3 NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=lisa-eb8c3.appspot.com NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=xxxxxxxxxx NEXT_PUBLIC_FIREBASE_APP_ID=1:6xxx3:xxxxxx NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=xxxxxx NEXT_PUBLIC_FIREBASE_DATABASE_URL=https://lisa-eb8c3.firebaseio.com

rakeshsarkar9711 commented 1 month ago

Screenshot 2024-05-26 003742 now its working but its infinitly looping

Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'filter')

Source app\lib\fetchAnimeOptions.ts (22:50) @ filter

20 | 21 | // filter to closest title name to the query

22 | filterBestResult = searchResultsForMedia.filter(item => | ^ 23 | stringToOnlyAlphabetic(item.title).toLowerCase().indexOf(regexMediaTitle) !== -1 24 | ) 25 | Call Stack

and this is the error in local host

Screenshot 2024-05-26 004302

ErickLimaS commented 1 month ago

Some errors like that used to occur due to Api problems, but it seems ok on my side.

On your .env.local you added the test link of Aniwatch. They have some bandwidth restrictions, so maybe thats the problem. Try to host your own on Vercel or something like that.

Tell me if it work pls :)

rakeshsarkar9711 commented 1 month ago

vercel is not working for me same problem

rakeshsarkar9711 commented 1 month ago

Screenshot 2024-05-26 132006 this error pops up when i am trying to open aniwatch ep

ErickLimaS commented 1 month ago

It looks like a timeout. Can you send me the aniwach url you are using?

rakeshsarkar9711 commented 1 month ago

https://api-aniwatch.onrender.com this one and that gogo anime is not working and search bar is not working too

ErickLimaS commented 1 month ago

Thats really a Api problem, but its because youre using the demo url. You really need to host your own. You will need to follow the readme of those repos, then host them on vercel, netlify, render, etc.

rakeshsarkar9711 commented 1 month ago

i will try and let u know

rakeshsarkar9711 commented 1 month ago

Screenshot 2024-05-26 225435 that go go anime is not connecting up after hosting

ErickLimaS commented 1 month ago

I suggest you to make some tests on this Consumet (Gogoanime) url using Postman.

And if its hosted on Render, it should be a timeout problem. They end the running proccess after some time, requiring to make all the build process again.