/Anime-Manager-v2-Client

A complete website using MERN containing all details realted to anime, where users can search any anime of their choice, add it to their watchlist and see various stats in their account.

Primary LanguageJavaScript

Anime Manager

A place to manage all your favorite anime at one place.

Generic badge Maintenance Website shields.io made-with-react made-with-redux


Loved the project? View the live demo here.


Found it hard to manage all your favourite anime at one place. Will not that be useful, if you have your own personalised account, can store all your favourite animes at one place, mark their watching status according to your choice, can view details of those anime in just one click!

If that sounds interesting to you, please checkout this project.

If you like this Repo, Please click the ⭐

Website

Link : https://anime-manager-v2.netlify.app/

Before you go to check out how to run this project in local, see some of its screenshots.

Landing Home Page Awesome README Templates

Signin, Signup, Forgot Password Awesome README Templates

Awesome README Templates

Awesome README Templates

Top Animes airing Awesome README Templates

Detailed Top Anime Landing Page (with infinite scrolling) Awesome README Templates

Season Animes airing Awesome README Templates

Landing Dashboard View
Awesome README Templates

Search any anime and add to watchlist Awesome README Templates

List View of dashboard Awesome README Templates

Filter your watchlist according to status Awesome README Templates

Update status of your anime accordingly Awesome README Templates

Add your favourite website URL to watch them in one click! Awesome README Templates

Share the link of your watchlist with anyone you wish Awesome README Templates

View details of any anime (including reviews) Awesome README Templates

Add and update your profile Awesome README Templates

Watch stats of your animes in charts and see your history of activity Awesome README Templates

Toogle your theme between Light and Dark Mode Awesome README Templates

Implementation

This project is in ongoing state, will update this portion when it will be ready to be run in local environment.

Features

  1. Full MERN stack application made using modern and best practices.
  2. Account and Email verification post sign-in using NodeMailer.
  3. Authentication in backend using JWT.
  4. Search any anime (API used - JIKAN API) and add them to your watchlist.
  5. Filter anime according to your status of completion.
  6. View more details like Trailer, Synopsis and Reviews of any particular anime.
  7. Mark the status of your anime in the watchlist as you go along.
  8. Add your favourite website URL against your anime and watch them directly by clicking just one button.
  9. Share your watchlist with anyone to view.
  10. Toogle between light and dark theme according to your choice.
  11. Update your profile details (profile picture as of now)
  12. View stats and activity history in the dashboard
  13. Deployed to Netlify using CI/CD pipeline configuration.

Related

As it is a MERN project, checkout this link to get the source code for the backend made using Node and Express with MongoDB as the DB.

Contribute

Contributions are always welcome! Please create a PR to add Github Profile.

👨‍🚀 Show your support

Give a ⭐️ if this project helped you!