Coder Social home page Coder Social logo

cshayan / anime-manager-v2-client Goto Github PK

View Code? Open in Web Editor NEW
10.0 3.0 2.0 12.93 MB

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.

Home Page: https://anime-manager-v2.netlify.app/

Shell 0.01% JavaScript 97.40% HTML 0.38% CSS 2.22%
react redux redux-saga hooks anime anime-manager jikan-api custom-hooks mern favourite-animes

anime-manager-v2-client's Introduction

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!

anime-manager-v2-client's People

Contributors

cshayan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

anime-manager-v2-client's Issues

Adding Episode Satus

Can you add a Possibility where we can count the Episode we have allready wached?
Sorry if this is not an issue but I dont know where to put it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.