kirbydd / anime-tracker

Anime Tracker

Live Version

www.anime-tracker.com

Description

This project is a simple site, built with React and Redux, that displays popular anime. The user may hover over an anime poster to see the title of the anime, or select an anime poster and will be presented with information about that particular anime. The user may also add individual anime to their Watch List. When an anime is added to the Watch List, clicking the anime poster when provide options to set the last episode that you watched as well as the ability to remind yourself the last thing you saw if you have to return to the show after an extended period of time.

Setup

Simply start by cloning this repo for front end and the following repo for the back end in sepreate folders:

git clone [email protected]:KirbyDD/Anime-Tracker.git

Once you have cloned the repos, to install the library dependencies. Run:

npm install

Run npm start in your terminal. Go to http://localhost:3000/ and you should see a live version of the application if installed correctly.

Screenshots

Home Page:

Mobile HomePage:

Clicking Next Button to Populate new anime:

Individual Anime Details:

Individual WatchList Anime Details:

Anime Dictionary:

Emphasis of the Project

Further knowledge on the following technologies/principles:

• ReactJS
• Redux
• Thunks
• JSX
• Jest and Enzyme Testing
• Fetch API's
• Asynchronous JS and Testing
• Router
• GitHub Issues
• SCSS