Animotion - Anime Streaming Platform

Animotion is a comprehensive Anime Streaming Platform designed to cater to anime enthusiasts' needs. It offers an immersive experience for watching anime, reading manga, staying updated with the latest anime-related news, and interacting with Hiro, an AI Chatbot that provides recommendations and valuable anime-related information.

Key Features

• Free Streaming: Access a vast library of anime and manga without any subscription fees.
• Latest Episodes & Schedules: Stay updated with the newest episodes and anime schedules effortlessly.
• Anime News: Stay informed with the latest anime-related news fetched from reliable sources.
• Hiro - AI Chatbot: Interact with Hiro for personalized recommendations and in-depth anime information.
• Random PFP Generator: Enjoy a fun feature to randomly generate Profile Pictures.

Home Page

View more

Splash Page

Anime Info Page

Anime Watch Page

Project Overview

Animotion is a culmination of my final year college project, leveraging a stack of cutting-edge technologies to create an exceptional anime-centric platform:

Technologies Utilized:

• React.js: Frontend library for building user interfaces.
• Vite: Fast build tool that significantly speeds up the development process.
• Supabase: Convenient backend setup for managing user data and preferences.
• Bootstrap & MUI: UI components and styling for a responsive and aesthetic interface.
• HTML, CSS, JavaScript: Core technologies powering the web experience.

APIs Integrated:

• Anime News Network API: Fetches the latest anime news for users to stay informed.
• OpenAI API: Powers Hiro, the AI Chatbot, offers personalized recommendations and information.
• Consumet API & Anify API: Provides a seamless catalog of anime and manga titles.

Note: The platform is a work in progress, and ongoing efforts are dedicated to resolving any existing bugs for an optimized user experience.

Setup Instructions

To set up and run the project locally:

1. Clone the repository:

   git clone https://github.com/your_username/Animotion.git
   cd Animotion
   

2. Install dependencies:

   npm install
   

3. Run the project:

   npm run dev
   

   Alternatively, for production build:

   npm run build
   

Usage Instructions

Access the live website to experience Animotion:

• Animotion Website

Browse through the extensive collection of anime titles and enjoy watching your favorite shows or delve into captivating manga reads effortlessly.

For Local Development

Please be aware that self-hosting this application is strictly limited to personal use only. Commercial utilization is prohibited, and the inclusion of advertisements on your self-hosted website may lead to consequences, including potential site takedown measures.

Bug Report

If you encounter any issues or bug on the site please head to issues and create a bug report there.