Notice:
The API and proxy required to play anime are not provided in this repository due to copyright restrictions. You are free to rebrand, modify, or repurpose this site as you wish, since it will no longer be hosted or updated by me. VampAnime is a simple front‑end application for discovering anime and watching your anime. It retrieves data from the public AniList GraphQL API and stores progress locally in your browser.
Open index.html in a browser. The app loads trending anime from AniList and lets you record how many episodes you've watched for each title. Progress is saved to localStorage so it persists between sessions.
The home page displays several carousels with fixed categories such as Trending Now, Top Rated, Action Packed, and Fresh Picks. Each section loads titles that match the category instead of shuffling random names.
No backend server or Node.js setup is required; everything runs purely in JavaScript on the client.
This section explains how to set up Firebase for this project, including authentication, database, functions, and hosting services. no longer needed.
- A valid Google account
- Firebase CLI installed globally
npm install -g firebase-tools- An active Firebase project created at https://console.firebase.google.com
- Login to Firebase
firebase loginThis will open a browser window where you can authenticate your Google account.
- Initialize Firebase in your project
firebase initDuring initialization, select the Firebase services you want to use:
- Hosting (for deploying web applications)
- Functions (for backend logic, if applicable)
- Firestore or Realtime Database (for database features)
- Authentication (for user authentication, if needed)
-
Choose your Firebase project
Link your local project to an existing Firebase project or create a new one during the initialization process. -
Configure Hosting
- Set the public directory to your build output folder (e.g.,
distorbuild). - Enable single-page application (SPA) support if applicable.
- Deploy to Firebase
firebase deployThis command will upload your project and make it live on Firebase Hosting.
| Command | Description |
|---|---|
firebase serve |
Start a local development server |
firebase deploy |
Deploy the entire project to Firebase |
firebase deploy --only hosting |
Deploy only the hosting part of your project |
firebase deploy --only functions |
Deploy only Cloud Functions |
firebase emulators:start |
Start Firebase emulators for local development |
- Remember to configure your
firebase.jsonand.firebasercfiles based on your project structure. - For environment-specific variables (e.g., API keys), you can use Firebase environment config:
firebase functions:config:set key_name="your_value"
firebase functions:config:get- Detailed Firebase documentation can be found at https://firebase.google.com/docs.
This project includes a JavaScript obfuscation utility to obfuscate the front‑end assets before distribution.
| Script | Description |
|---|---|
npm run obfuscate |
Obfuscates according to obfuscation.config.json (default input/output). |
npm run obfuscate:on |
Enables obfuscation flag explicitly. |
npm run obfuscate:off |
Disables obfuscation (helpful for development). |
npm run obfuscate:public |
Obfuscates the public folder into build-obfuscated. |
npm run obfuscate:dev |
Obfuscates the development folder into build-obfuscated. |
npm run obfuscateThe processed files will appear in build-obfuscated/. Adjust behavior via obfuscation.config.json.
If you add new source files, re-run the command to regenerate the obfuscated output.