Anime searching application website build with Vue.JS 3, Typescript and Bootstrap 5

Anisearch 🔎

Description 😎

Anisearch is a website application that purpose to search your favorite anime and also in this website you can see top 10 anime

To be honest, this project i made for to try Vue.JS version 3 with Typescript

Tech stack 💻

For the tech stack, i am using:

• Vue.JS 3
• Typescript
• Bootstrap 5
• Axios
• Vercel

Source data 📝

For the data, i used Jikan API and Anilist graphQL

• Jikan API
• Anilist graphQL

What have i learned? 🤔

• Vue.JS 3 include composition API
• Using typescript in Vue.JS project
• Fetch data graphQL with axios

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Download Details:

Author: satyawikananda

Demo: https://anisearch.vercel.app/

Source Code: https://github.com/satyawikananda/anisearch

#vuejs #vue #bootstrap #javascript