Skip to content

A Next.js React web app integrating the Pomodoro Technique with anime breaks, enhanced by MyAnimeList integration.

Notifications You must be signed in to change notification settings

ronnieima/animepomodoro

Repository files navigation

Anime Pomodoro Timer

A Next.js React web app integrating the Pomodoro Technique with anime breaks, enhanced by MyAnimeList integration.

Main Menu Anime Section

Overview

Boost your productivity with a customizable Pomodoro timer, enhanced with anime-themed breaks and MyAnimeList integration.

Features

  • Animedoro Technique: Incorporates Josh Chen's Animedoro method, blending the Pomodoro technique with scheduled anime watching breaks to enhance focus and relaxation.
  • MyAnimeList Integration: Seamlessly update your current anime list directly from the app. Change watch status, track episodes watched, and adjust ratings without leaving your productivity session.
  • Watch Status Filtering: Easily filter your anime list by watch status (Watching, Completed, On Hold, Dropped, Plan to Watch) to quickly access and manage your anime viewing.
  • Built-in Spotify Player: Features a curated lo-fi anime playlist on Spotify to provide a calming and focused backdrop for both work sessions and breaks.
  • Customizable Timer: Set personalized work and break intervals in alignment with the Animedoro method for an optimized productivity rhythm.
  • Responsive Design: Designed to provide a seamless experience across various devices, ensuring accessibility and convenience wherever you are.

To-Do List

  • Basic Pomodoro timer functionality.
  • Initial MyAnimeList integration for updating watchlists.
  • Add database integration to persist animedoro sessions.
  • Graphs to track and display user sessions.
  • Add ability to input user's spotify playlists.

Usage

  1. Visit www.animepomodoro.com.
  2. Customize your work and break intervals.
  3. Start the timer and focus on your task.
  4. Enjoy anime content from MyAnimeList during breaks.
  5. Update your anime watchlist directly within the app.

Technologies Used

  • Frontend: Next.js for server-side rendering, React for the UI.
  • Styling: Tailwind CSS for responsive design.
  • API: MyAnimeList API for anime information and updates.
  • State Management: Zustand for managing application state.

Disclaimer

This app is a fan-made project and is not affiliated with MyAnimeList. It is designed for entertainment and productivity enhancement purposes only.

Author

Created by Ronnie Kaito Imagawa.

About

A Next.js React web app integrating the Pomodoro Technique with anime breaks, enhanced by MyAnimeList integration.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published