Cshayan / 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.
https://anime-manager-v2.netlify.app/
10 stars 2 forks source link
animation anime anime-manager choice cloudinary custom-hooks favourite-animes hooks jikan-api landing light lotte mern react redux redux-saga reviews skeleton-loader toogle watchlist

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 :star:

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.

:man_astronaut: Show your support

Give a ⭐️ if this project helped you!