Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/douglasmatosdev/pokemon-javascript
https://github.com/douglasmatosdev/pokemon-javascript
javascript react reactjs styled-components
Last synced: 8 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/douglasmatosdev/pokemon-javascript
- Owner: douglasmatosdev
- License: mit
- Created: 2020-07-14T15:44:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:59:04.000Z (about 2 years ago)
- Last Synced: 2024-11-27T21:13:17.340Z (2 months ago)
- Topics: javascript, react, reactjs, styled-components
- Language: JavaScript
- Homepage: https://devpokemonslist.netlify.app/#/
- Size: 7.37 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Welcome to the Pokémon app
This project was developed using [ReactJS](https://github.com/facebook/create-react-app).
The application consumes an [API pokeapi.co](https://pokeapi.co/) and lists in a dashboard in a paginated way all Pokémon available in the [API pokeapi.co](https://pokeapi.co/). Displaying details of each Pokémon by clicking on the card.
******
## Trying and testing
[click in here to trying](https://devpokemonslist.netlify.app/#/)
## See below the application running
******
### Download the project
```
~$ git clone https://github.com/douglasmatosdev/pokemon.git
~$ pokemon cd /
```
### Installing dependencies
```
~$ yarn install
```
or
```
~$ npm install
```
### Running the application
```
~$ yarn start
```
or
```
~$ npm start
```
*****
### Technologies used and their versions
| **Technologies** | **Versions** |
|---------------------|--------------|
|fontawesome-svg-core | ^1.2.27 |
|free-solid-svg-icons | ^5.12.1 |
|react-fontawesome | ^0.1.8 |
|axios | ^0.19.2 |
|bootstrap | ^4.4.1 |
|react | ^16.12.0 |
|react-bootstrap |^1.0.0-beta.16|
|react-dom | ^16.12.0 |
|react-router-dom | ^5.1.2 |
|react-scripts | 3.3.1 |
|styled-components | ^5.0.1 |
*****
### Research Sources
To implement the pagination I used the tutorial of [Glad Chinda](https://medium.com/@gladchinda) on the website [digitalocean](https://www.digitalocean.com/community/tutorials/how-to-build-custom-pagination-with-react)
*****
## License
This project is under MIT license see [LICENSE](https://github.com/douglasmatosdev/pokemon/blob/master/LICENSE)
## Contact
You can contact me at [[email protected]](mailto:[email protected]) or [[email protected]](mailto:[email protected])