Animene
A platform for anime lovers
Live demo
website: animene.vercel.app
Technologies used
- React
- Material UI
- SCSS Modules, clsx
- Axios, GraphQL
- Redux, Redux Toolkit
- Formik
- react-select
- react-lazyload, react-infinite-scroll-component (Infinite loading)
Features
- :white_check_mark: Search anime, manga, character and staff
- :white_check_mark: Suggest latest, most popular, upcoming anime and manga
- :white_check_mark: Advanced sorts and filters
- :white_check_mark: Discover details (relations, genres, trailer, ...) of anime, manga, character and staff
Will be developed in the future:
- :x: Watch anime
- :x: Sign up, login
- :x: Add anime, manga to favourite list
- :x: Social page for user posts and comments
Installation
-
Clone the Project
-
Run
npm install -
Example .env file: See env.example
References
- Anilist: The original website
- Anilist API Documents: The official API documents website
- DzhideX/anilist-clone: Used as references for GraphQL query
Summary
This is my first React project where I learn to apply my React skills (and some github actions, github branches, ...)
"Fun" fact: My initial intent was to use AniAPI for the API source, but it is not updated fully so I had to use Anilist API with GraphQL :')
The project is not completed yet so I'll keep working on it in the near future, please feel free to contact or message me if you found any issues or bugs :)