AniBrowser

This is a simple web app that can browse animes with the AniList API. Supports PWA Link : https://ani-browse.vercel.app/.

Environment Setup

Dependencies installation:

npm install

Run development server:

npm run dev

Build for production and test:

npm run build
npm run start

The application would be served in localhost:3000.

This application is deployed with Vercel.

Prototyping

The prototype for this application is located at https://www.figma.com/file/H6wtMImyiDDZ0mKF0UXvqz/AniBrowse?node-id=0%3A1.

Credits

Backend

• Anilist GraphQL API : https://anilist.gitbook.io/anilist-apiv2-docs/overview/graphql/getting-started.

Dependencies

• react.js : https://reactjs.org/.
• next.js : https://nextjs.org/.
• emotion : https://emotion.sh/docs/introduction.
• dayjs : https://day.js.org/.
• Apollo Client : https://www.apollographql.com/docs/react/.
• Ant Design : https://ant.design/.
• Vercel : https://vercel.com/.