A platform for anime lovers
website: animene.vercel.app
- React
- Material UI
- SCSS Modules, clsx
- Axios, GraphQL
- Redux, Redux Toolkit
- Formik
- react-select
- react-lazyload, react-infinite-scroll-component (Infinite loading)
- ✅ Search anime, manga, character and staff
- ✅ Suggest latest, most popular, upcoming anime and manga
- ✅ Advanced sorts and filters
- ✅ Discover details (relations, genres, trailer, ...) of anime, manga, character and staff
Will be developed in the future:
- ❌ Watch anime
- ❌ Sign up, login
- ❌ Add anime, manga to favourite list
- ❌ Social page for user posts and comments
-
Clone the Project
-
Run
npm install -
Example .env file: See env.example
- Anilist: The original website
- Anilist API Documents: The official API documents website
- DzhideX/anilist-clone: Used as references for GraphQL query
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 :)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent