MyAnimes

Click here to see the project live

📔 Table of Contents

• About the Project
  • Screenshots
  • Tech Stack
  • Features
• Getting Started
  • Prerequisites
  • Installation and Run Locally
  • Deployment
• Contributing
• Contact
• Acknowledgements

🌟 About the Project

This is project is a client side web page, created using:

Vue JS

Vue Router

Jikan API

Pinia

📷 Screenshots

---

---

👾 Tech Stack

Vue JS

Vue Router

Jikan API

Pinia

🎯 Features

• Vue 3 Composition API
• Vue Router
• Skeleton loader
• API Calls
• Responsive Desing
• Pinia global store
• Custom hook
• Search bar
• Grid layout

🧰 Getting Started

‼️ Prerequisites

• To run this project you need:
  • NodeJS
  • Vue JS (Min. Ver. 3.0)

Once you have that, you're ready to go

🏃 Installation and Run Locally

Clone the project

  git clone https://github.com/jesusalberto11/AnimeAPI

Go to the project directory

  cd AnimeAPI

Install dependencies

  npm install

Start the development server

  npm run serve

🚩 Deployment

To deploy this project run

  npm run build

👋 Contributing

Contributions are always welcome!

Please send a message if you're interested in contributing to the proyect.

🤝 Contact

Jesus Alberto - @LinkedIn

💎 Acknowledgements

This project helped me understand the composition API of Vue 3, I learned how to create and reuse components, make calls to public APIs, manage information between components, the use of the Vue Router, and finally how to use Pinia and a custom hook to display information to the diferent parts of the application.