An open API service indexing awesome lists of open source software.

https://github.com/brenoxav/pokemon-tcg

A webapp dedicated to showing information about Pokémon Trading Cards using Pokémon TCG API and Involvement API.
https://github.com/brenoxav/pokemon-tcg

api css html javascript microverse pokemon

Last synced: 8 months ago
JSON representation

A webapp dedicated to showing information about Pokémon Trading Cards using Pokémon TCG API and Involvement API.

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# Pokémon TCG

> Pokémon Trading Card Game

![screenshot](./screenshot-1.png)
![screenshot](./screenshot-2.png)

A webapp dedicated to showing information about Pokémon Trading Cards using Pokémon TCG API and Involvement API.

## Built With

- HTML & CSS
- JavaScript
- Webpack

## Live Demo

[Live Demo Link](https://brenoxav.github.io/pokemon-tcg)

## Getting Started

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

### Prerequisites

- [npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)

### Setup

1. Download or clone the repository's contents.
2. Go to the project's root directory.
```
cd
```
3. Install all the dependencies:
```
npm install
```

### Install

You can either build a local production version of the project or open it directly on a server in development mode.

#### Build

1. To build and open a production version of the app run the command:
```
npm run build
```
2. Then open *dist/index.html* in you preferred browser.

#### Start Development Server

1. To open the app in development mode on *dev-server* run:
```
npm start
```
2. Then go to `http://localhost:8080/` in you preferred browser.

## Author

👨‍💻 **Breno Xavier**

- GitHub: [@brenoxav](https://github.com/brenoxav)
- Twitter: [@brenoxav](https://twitter.com/brenoxav)
- LinkedIn: [Breno Xavier](https://linkedin.com/in/brenoxav)

👨‍💻 **Abel Lavieri**

- GitHub: [@alvp01](https://github.com/alvp01)
- Twitter: [@alvp01](https://twitter.com/alvp01)
- LinkedIn: [Abel Lavieri](https://www.linkedin.com/in/alvp01/)

👨‍💻 **Tiago Rahal Aires**

- GitHub: [@tiagorahal](https://github.com/tiagorahal)
- Twitter: [@RahalAires](https://twitter.com/RahalAires)
- LinkedIn: [Tiago Rahal Aires](https://linkedin.com/tiagorahal)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/brenoxav/pokemon-tcg/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used
- Inspiration
- etc