Animanga Tracker

Track your anime and manga list in a minimalist and easy to view personal collection.

Comment

Inspiration

We created this website using bolt based on another solutions like MyAnimeList.

What it does

The AniManga Tracker is a web-based application that allows users to manage their personal anime and manga collections. It features a user profile system where individuals can create, read, update, and delete (CRUD) entries in their collection either by searching through the MyAnimeList API database or by manually adding custom titles. The app also includes sections showcasing popular animes and mangas, as well as community updates to keep users engaged with current trends and discussions. Users have the option to set their profiles as public, enabling them to share their collections with other logged-in users.

How we built it

We developed the Animanga Tracker using modern web technologies. The frontend was built with React.js for a dynamic and responsive user interface, while the backend was powered by Supabase. We used PostgreSQL as our database to store user profiles and custom entries. To fetch anime and manga data, we integrated the MyAnimeList REST API, which allowed seamless synchronization of media details. Authentication was implemented using JWT (JSON Web Tokens) with supabase to ensure secure user access and profile sharing capabilities.

Challenges we ran into

One of the main challenges was integrating and handling rate limits from the MyAnimeList API while ensuring smooth user experience. We also faced difficulties in designing a scalable database schema that could efficiently manage both API-sourced and user-defined content. Implementing real-time community updates and maintaining consistent UI/UX across different devices also required significant iteration and testing.

Accomplishments that we're proud of

We’re proud of building a fully functional, user-friendly anime and manga tracking platform that offers more intuitive navigation and cleaner design than many existing solutions. Our successful integration of the MyAnimeList API with the ability to add custom entries gives users flexibility and control over their collections. Additionally, implementing secure user authentication and profile-sharing functionality were major milestones we achieved during development thanks mostly to bolt.

What we learned

Through this project, we gained valuable experience working with Supabase and prompting bolt, especially handling authentication, pagination, and caching strategies. We also deepened our understanding of full-stack development practices, responsive design, and database modeling. Collaborating on this project helped us improve our teamwork to write the best prompt to make the web app better.

What's next for Animanga Tracker

Looking ahead, we plan to introduce social features such as friend systems, comment sections, and recommendation engines. We aim to implement advanced filtering and sorting options for personal collections. In the long term, we hope to expand the app into a mobile platform and develop a notification system to alert users about new episodes, manga releases, or community activity related to their favorite titles.

Built With

Share this project:

Updates