/Rick-Morty-Api

This is project is a client side web page for the popular series of Rick and Morty, this proyect was created using Vue JS.

Primary LanguageVueMIT LicenseMIT

logo

Rick and Morty API

Click here to see the project live

📔 Table of Contents

🌟 About the Project

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

  • Vue JS
  • Vue Router
  • Vuestic UI
  • The Rick and Morty API
  • Pinia
  • 📷 Screenshots

    Api_Image_1
    Api_Image_2

    👾 Tech Stack

  • Vue JS
  • Vue Router
  • Vuestic UI
  • The Rick and Morty API
  • Pinia
  • 🎯 Features

    • Vue Router
    • Skeleton loader
    • API Calls
    • Responsive Desing
    • Pinia global store
    • Custom hook

    🧰 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/Rick-Morty-Api

    Go to the project directory

      cd Rick-Morty-Api

    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.

    ⚠️ License

    Distributed under the MIT License. See LICENSE for more information.

    🤝 Contact

    Jesus Alberto - @LinkedIn

    💎 Acknowledgements

    This project helped me understand the basics of Vue JS, 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.