Generic placeholder image

Anime Tracker Storage Chrome Extension

Tired of forgeting what episode you are in?
AnimeTrackerS.(ATS) is a chrome extension that will let you have a list of the animes you are currently watching. But as you watch new episodes or the next episode, it will be updating what episode you are in.
It is on the chrome app store!

View details »

ATS is a small project I started on a weekend and slowly been patching some bugs and adding some features. It is an ongoing project and theres many other things I want to add, but since I'm a college student I will slowly be working on this.

features:

  • shift + click --- Saves the text of the link that you are clicking on
  • Ways of episode to update:
    • ctrl + click
    • alt + click
    • middle mouse button
    • left click
    • being able to tell you when the next episode of an anime you are watching is up and which website

Coming Soon:

  • right click + new tab to register for episode to update
  • Will tell you the time its suppose to be up by
  • Option to send sms or email when new episode is up

FeedBack is appreciated Survey

Contact info

If you would like to contact me, you can do so in the following manner:

nicolasbotellodev@gmail.com

How it works, behind the scenes!

This app is based on URL's. So what this application ends up doing is that it compares the urls that you click to your anime list, however; if there is a match and its on the correct episode, then it will update the episode you are in. So this application doesn't work if you watch your anime in places like youtube since the URL doesn't have anything to do with the anime name or episode. Most anime dedicated websites have something like this example If you are watching anime at crunchyroll for this example its One Piece :"http://www.crunchyroll.com/one-piece/episode-645-destruction-cannon-blasts-lucy-in-trouble-653831" it contains the name one piece in the name of the url and the episode number, so it will work. So the way that you put the name of the anime name in the list is important. For most animes the way they are name is the convention the website will follow, but if the anime has special characters such as ":" they might change the convention. For more clarity please read the examples below.

Examples:

  • if Anime Name is: "M3: Sono Kuroki Hagane"
    • example url:"http://www.animeseason.com/m3-sono-kuroki-hagane-episode-1/"
    • correct name of anime for app: "M3 Sono Kuroki Hagane"
  • if Anime Name is: "Love Live! School Idol Project 2"
    • example url:"http://www.animeseason.com/love-live-school-idol-project-2-episode-1/"
    • correct name of anime for app: "Love Live School Idol Project 2"
  • But like most animes are like the following if Anime Name is: "Black Bullet"
    • example url:"http://www.animeseason.com/black-bullet-episode-1/"
    • correct name is the name of the anime: "Black Bullet"

Add Updates Url Tab

Add a url from which a list of different animes that just came out is showing. Specify if the url you entered is an rss or just a normal html page. While if you understand xpath you can select yes in custom Xpath and a input field will show up. For you to specify. Other wise it will just grab all the urls from the specified website.

AnimeTracker

Testing Updates Inputed Url

Before the Url is accepted it has to pass the test that is preformed when submited. It will send the url for confirmation to the API reply with success (green looking box) or Error (Red). It will then submit itself automatically as well. If an error comes out the website you entered will not be able to be used for checking for new episodes or you need to specify the start of the url. Since sometimes the API replys with broken urls and we need the half that is missing.

AnimeTracker

Settings Tab

The settings tab shows the websites that are being used to check for updates. You can drag the websites up and down to sort them from which you want the api to check first for updates to last. You can also remove the websites from your list. If you mess up you can press "Reset" to give you the default starting urls.

AnimeTracker

LINK Button

Don't press Link button till it finishes loading or will get stuck. Click link and type in url for specific anime. It will then add the link on the name of the anime. For you to go to at anytime.

AnimeTracker

Adding Anime Menu. Example of Add Anime and looks.

You can type the name of your anime and what episode you are in and it will be added to your list of animes. The way the anime name is typed is very important! If for any reason it isn't working correctly you can add it manually or send me an email and I will take a look. The "X" button will remove it from your list.

AnimeTracker

New Mutiple additions button.

The mutiple additions button, helps ease the process of adding a lot of animes to your list specially when you are starting. If you don't have mutiple additions checked then everytime you type in the name of an anime it will close the box for you.

AnimeTracker

Checks for Updates!

It is now able to check for updates! It uses four anime websites which include: animeseason.com, animefreak.tv, lovemyanime.net, and gogoanime.com to see if from your list of animes if there is a new episode. If there is it notifys you and adds a little new next to the "+" button in the row of that anime. When the "new" is clicked it takes you to the episode of the anime.

NewExample

Checks for Updates Notification!

A notification is displayed at the bottom right of your screen when a new episode is up. It shows up as google chrome notification on the bottom right of your screen with the extensions basic picture. If you click on it, it takes you to the next episode. If the notification isn't working you should go to the following link: link

Notification Sample

Missed Notification?!

If you miss the notification then it gets saved inside the chrome notifications center. When you receive a notification, you'll see a message appear in the lower right corner of your computer screen and an icon appear in the notification area (also called the system tray) on Windows and the menu bar on Mac. Click on the icon to open the Chrome Notification Center to see older notifications that you have not dismissed. But if you click on the notification it will not take you to the newest episode you will have to open up the chrome extension menu and click on the "new" next to the anime, so that you will go to where the new episode.

Chrome Notifications Center