Animotion - Anime Streaming Platform

Animotion is a comprehensive anime streaming platform designed exclusively for anime enthusiasts. Enjoy a seamless experience watching anime, keeping up with the latest news, and interacting with Hiro—the AI Chatbot offering personalized recommendations and in-depth insights.

Key Features

• Free Streaming: Access a vast library of anime without any subscription fees.
• Latest Episodes & Schedules: Stay updated with the newest episodes and release schedules.
• Anime News: Get the latest anime-related news from reliable sources.
• Hiro - AI Chatbot: Receive personalized recommendations and detailed anime information.
• Random PFP Generator: Enjoy a fun feature to randomly generate profile pictures.

Splash Page

View more

Home Page

Anime Browse Page

Anime Info Page

Anime Watch Page

Project Overview

Animotion has been completely redesigned from the ground up to provide an exceptional anime streaming experience using modern technologies.

Technologies Utilized

• React & Typescript: For building a robust and scalable frontend.
• Vite: A fast, optimized build tool.
• Shadcn: Enhancing component design and overall UI.
• MagicUI: Delivering a modern and dynamic user interface.
• Supabase: Managing backend services for user data and preferences.
• TailwindCSS: For efficient and customizable styling.

APIs Integrated

• Anime News Network API: Fetches the latest anime news.
• OpenAI API: Powers Hiro, the AI Chatbot for personalized recommendations.
• Aniwatch API & Anify API : Provides a seamless catalog of anime titles.

Note: The manga reading option has been removed in this version to focus solely on anime streaming.

Disclaimer: This platform is a work in progress. Ongoing improvements and bug fixes are continuously being implemented to enhance the 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 in development mode:

   npm run dev

   For a production build, use:

   npm run build

Usage Instructions

Experience Animotion live:

• Animotion Website

Browse our extensive anime catalog, watch your favorite shows, and stay updated with the latest news and schedules.

For Local Development

Self-hosting this application is strictly for personal use only. Commercial usage is prohibited. Displaying advertisements on a self-hosted version may result in consequences, including potential site takedown measures.

Bug Reporting

If you encounter any issues or bugs, please report them on our GitHub Issues page.