jonhoa / anime-frontend Goto Github PK

AnimeWatch is a full-stack app created in Ruby on Rails and ReactJs. This captivating platform utilizes the KITSU API, an unofficial MAL API, to dynamically showcase a vast collection of anime titles in a user-friendly way.

The primary goal behind AnimeWatch is to combine a passion for Japanese culture with the convenience of modern-day TV streaming services like Netflix, all within a well-laid-out and intuitive interface.

Key Features:

• Extensive Anime Catalog: Explore a wide array of anime titles, from beloved classics to the latest releases, all conveniently organized for seamless browsing.
• User-Friendly Interface: Enjoy a visually appealing and intuitive interface that makes navigating and discovering anime a delightful experience.
• Favorites and Recommendations: Solve media-consuming indecisiveness by "favoriting" the titles that catch your interest. AnimeWatch provides personalized recommendations based on your preferences, making it easier than ever to find your next favorite anime.
• Detailed Information: Each anime title comes with a comprehensive description and an embedded YouTube trailer, allowing you to get a taste of the storyline, animation style, and overall vibe before adding it to your favorites.
• Profile Section: Upon logging in, users can head to the profile section to view their favorited anime titles. This feature encourages users to start watching anime based on their favorites or drop titles if their preferences change over time.
• Accurate synopses and detailed information for each title
• Comprehensive search and filter options
• Perfect for both longtime fans and newcomers to anime

Client: React, Bootstrap

Server: Rails

• Dynamic showcase actions using carousels, thumbnails and structured divs
• Sign up and login
• Add titles to their favorites tab, viewed on profile
• Remove favorites from tab
• Animes section redirects to respect kitsu.io routes
• Embedded Youtube trailers via iframe
• Profile picture upon signup

Install my-project with npm

  npm install my-project
  cd my-project
  npm run dev
  http://localhost1547/home