AnimeHub

AnimeHub is a React Native Expo application designed to provide users with an immersive anime experience. With its comprehensive features and sleek user interface, AnimeHub offers a seamless way to access the latest anime news, filter news articles based on preferences, explore detailed character information, and discover in-depth details about various anime titles. Utilizing the power of React Native Skia, AnimeHub incorporates neumorphic design elements, enhancing the visual appeal and overall user experience.

Screenshots

Figures 1: The home screen showcases the latest anime news, allowing users to stay up-to-date with ease & Effortlessly search for anime characters and delve into their detailed profiles.

Figures 2: Effortlessly search for anime characters and delve into their detailed profiles.

Features

• Anime News: Stay updated with the latest anime news articles from a variety of reliable sources, conveniently accessible within AnimeHub.

• News Filtering: Tailor your news feed according to personal preferences and interests, ensuring that you receive the most relevant information.

• Detailed News View: Dive deeper into each news article to obtain comprehensive details and gain insights into the sources providing the information.

• Anime Characters: Quickly search for anime characters and effortlessly explore a vast array of character information.

• Character Details: Immerse yourself in the world of anime characters by accessing detailed profiles, including their backgrounds, traits, and other relevant information.

• Anime Search: Discover new anime titles or find specific information about your favorite ones with ease.

• Anime Details: Access a treasure trove of data on various anime titles, including synopses, genres, ratings, and much more.

Installation

To run AnimeHub on your local machine, please make sure you have the following prerequisites installed:

• Node.js (version 12 or above)
• npm or yarn

Follow these steps to install and run AnimeHub:

1. Clone the AnimeHub repository:

   git clone https://github.com/kushagra1212/AnimeHub.git

2. Navigate to the project directory:

   cd AnimeHub

3. Install the dependencies using npm or yarn:

   npm install

   or

   yarn install

4. Start the Expo development server:

   npm start

   or

   yarn start

5. After the development server starts, you will see a QR code in the terminal or in the Expo Dev Tools interface. Use the Expo app on your mobile device to scan the QR code and open AnimeHub.

   If you don't have the Expo app installed, you can also run the app on an Android or iOS emulator by following the instructions provided by Expo.

Please note that AnimeHub requires certain dependencies and Expo version compatibility. Make sure you have the prerequisites installed and up to date.

Technologies Utilized

AnimeHub harnesses the power of cutting-edge technologies to deliver a robust and captivating user experience:

• React Native: The renowned JavaScript library enables the development of high-quality, cross-platform mobile applications.

• Expo: A comprehensive framework and platform that leverages React Native, allowing for universal application development.

• GraphQL: A powerful query language for APIs, seamlessly integrated with the Apollo GraphQL client to ensure efficient data retrieval.

• React Native Skia: This innovative library serves as the foundation for achieving visually striking neumorphic effects, elevating the app's aesthetic appeal.

• AniList API: AnimeHub utilizes the AniList API, a comprehensive anime and manga database, to fetch and display accurate and up-to-date anime and character information.

License

Proprietary License