https://github.com/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.
https://github.com/luigirazum/mv-pokeapp
api-rest dom-manipulation es6-modules gitflow-workflow html-css-javascript
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/luigirazum/mv-pokeapp
- Owner: luigirazum
- License: mit
- Created: 2023-01-09T21:16:26.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-14T04:23:08.000Z (almost 3 years ago)
- Last Synced: 2025-04-01T05:11:08.456Z (7 months ago)
- Topics: api-rest, dom-manipulation, es6-modules, gitflow-workflow, html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 1.69 MB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](#-table-of-contents)
- [📖 \[PokeApp\] ](#-pokeapp-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Build](#build)
- [Run](#run)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [© Acknowledge ](#-acknowledge-)
- [⭐ Show your support ](#-show-your-support-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)
*[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.
- *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.*
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](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) and follow the steps described for your system to install `git`.
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone git@github.com:luigirazum/mv-pokeapp.git
```
### Install
Install this project with:
```sh
cd mv-pokeapp
npm install
```
### Build
To build the project, execute the following command:
```sh
npm run build
```
### Run
To run tests, run the following command:
sh
npm start
### Deployment
You can deploy this project using:
```sh
npm deploy
```
👨💻 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
- [ ] *Add some tabs for different torunaments.*
In order to improve this project, contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
We really enjoyed making this project, so, if you like it, we appreciate your support giving us a ⭐.
- *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.
This project is [MIT](./LICENSE) licensed.