luigirazum/mv-pokeapp

This is a Single Page WebApp (API based) that show information about your favorite Pokemon, you can Like, Comment and even Reserve it for your next tournament.

PokeApp

This is a Single Page WebApp (API based) that shows information about your favorite Pokemon, you can Like a pokemon see its basic characteristics, it has a Description section where you can add a comment or see comments that other users have done, also you can Reserve your favorite Pokémon for your next tournament.

📗 Table of Contents

• 📗 Table of Contents
• 📖 [PokeApp]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Build
    • Run
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • © Acknowledge
  • ⭐ Show your support
  • ❓ FAQ
  • 📝 License

📖 [PokeApp]

[PokeApp] a Single Page WebApp (API based) that shows information about your favorite Pokemon, you can Like a pokemon see its basic characteristics, it has a Description section where you can add a comment or see comments that other users have done, also you can Reserve your favorite Pokémon for your next tournament.

🛠 Built With

Tech Stack

• HTML
• CSS
• Javascript
• WebPack

Key Features

• DOM Manipulation for showing the list of available Pokemons.
• Dinamically displays the list of Pokemons at loading.
• Refresh Likes when you click the like icon on each Pokémon card.
• Use of APIs to retrieve the Pokémons info and add Comments or Reserves.

(back to top)

🚀 Live Demo

• PokeApp - Live Demo

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need git locally installed. Please got to Getting Started - Installing Git guide and follow the steps described for your system to install git.

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone git@github.com:luigirazum/mv-pokeapp.git

Install

Install this project with:

  cd mv-pokeapp
  npm install

Build

To build the project, execute the following command:

  npm run build  

Run

To run tests, run the following command: sh npm start

Deployment

You can deploy this project using:

  npm deploy

(back to top)

👥 Authors

👨‍💻 Luis Zubia

• GitHub: @luigirazum
• Twitter: @LuigiRazum
• LinkedIn: Luis Raul Zubia Maciel

👨‍💻 Pierre Barba

• GitHub: @pierrebarba
• Twitter: @pierrebarba
• LinkedIn: Pierre Barba

👨‍💻 Gabriel Cilfone

• GitHub: @cilfonegabriel
• Twitter: @cilfonegabriel
• LinkedIn: Gabriel Cilfone

(back to top)

🔭 Future Features

• Add some tabs for different torunaments.

(back to top)

🤝 Contributing

In order to improve this project, contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

© Acknowledge

(back to top)

⭐ Show your support

We really enjoyed making this project, so, if you like it, we appreciate your support giving us a ⭐.

(back to top)

❓ FAQ

• Why should you use this project?

  • Because you can realize what you can achieve using this amazing tool.

• Why did I make this project?

  • In order to start putting in practice the use of WebPack, JS ES6 modules and API's.

(back to top)

📝 License

This project is MIT licensed.

(back to top)