POKEMON APP

douglas-barraza-03-2025

Introduction

This is a Pokémon application built with Vue 3, TypeScript, and Vite. It allows users to view a list of Pokémon, add them to their team, and view detailed information about each Pokémon.

How to Launch the Application

1. Install Dependencies:

   npm install

2. Run the Development Server:

   npm run dev

3. Build for Production:

   npm run build

4. Preview the Production Build:

   npm run preview

Key Technologies and Versions

• Vue: 3.5.13
• TypeScript: 5.7.2
• Vite: 6.2.0
• Pinia: 3.0.1 (for state management)
• Vue Router: 4.5.0 (for routing)
• Tailwind CSS: 3.4.17 (for styling)

Techniques Used

• Composition API: Utilized for state management and component logic.
• Axios: Used for making HTTP requests to the Pokémon API.
• Pinia: For managing the application's state, specifically the selected Pokémon team.
• Vue Router: For handling navigation between different views.
• Tailwind CSS: For styling the application with utility-first CSS classes.