Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunosobraldev/weather-pokeapi
Web application to consume two APIs (Weather and PokeAPI)
https://github.com/brunosobraldev/weather-pokeapi
axios phosphoricons poke-api reactjs tailwindcss typescript vite weather-api
Last synced: 28 days ago
JSON representation
Web application to consume two APIs (Weather and PokeAPI)
- Host: GitHub
- URL: https://github.com/brunosobraldev/weather-pokeapi
- Owner: BrunoSobralDEV
- Created: 2023-02-27T22:35:59.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-02T16:11:29.000Z (almost 2 years ago)
- Last Synced: 2024-11-12T12:20:17.504Z (3 months ago)
- Topics: axios, phosphoricons, poke-api, reactjs, tailwindcss, typescript, vite, weather-api
- Language: TypeScript
- Homepage: https://weather-pokeapi.vercel.app
- Size: 9.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
OpenWeather&PokeAPI
---
# :pushpin: Table of Contents
- :house: [About](#about)
- :dart: [Installation](#installation)
- :gear: [Install dependencies](#install_dependencies)
- :rocket: [Getting Started](#getting_started)
- :computer: [Techs](#techs)
- :handshake: [Contributing](#contributing)
- :scroll: [License](#license)---
:house: About
**Challenge:** In an HTML page it must be possible to inform a city from anywhere in the world. Then, according to the weather conditions of this city, you must display a Pokémon based on its type (fire, water, electric, etc.)
- Places where the temperature is lower **(<) than 5ºC**, an **ice** pokémon must be returned.
- Places where the temperature is between **(>=) 5ºC and (<) 10ºC**, a **water** type pokémon must be returned.
- Places where the temperature is between **(>=) 12ºC and (<) 15ºC**, a **grass** type pokémon must be returned.
- Places where the temperature is between **(>=) 15ºC and (<) 21ºC**, a **ground** type pokémon must be returned.
- Places where the temperature is between **(>=) 23ºC and (<) 27ºC**, an **insect** type pokémon must be returned.
- Places where the temperature is between **(>=) 27ºC and 33ºC inclusive**, a **rock** type pokémon must be returned.
- Places where the temperature is **greater than 33ºC**, a fire type pokémon must be returned.**For any other temperature**, you must return a **normal** type pokémon.
And, in the event that **it is raining** in the region, an **electric** pokémon must be returned, regardless of the temperature.For more details:
- [Project Link](https://weather-pokeapi.vercel.app/)
---
:dart: Installation
**First you need to install:**
- [Node.js](https://pt-br.nodejs.org/) (required)
**Then in order, clone the project.**
By HTTPS, running this command:
```bash
git clone https://github.com/BrunoSobralDEV/weather-pokeapi.git
```Or by ssh, running this command:
```bash
[email protected]:BrunoSobralDEV/weather-pokeapi.git
```SSH is a secure protocol, but you need to register a key ssh in your github before.
:hammer_and_wrench: Install dependencies
```bash
npm install
```:rocket: Getting Started
```bash
npm run dev
```
---:computer: Techs
Front-End
[![HTML5](https://img.shields.io/badge/Html-orange?style=for-the-badge&logo=Html5&logoColor=ffffff)](#)
[![CSS3](https://img.shields.io/badge/css-blue?style=for-the-badge&logo=Css3&logoColor=ffffff)](#)
[![TypeScript](https://img.shields.io/badge/TypeScript-blue?style=for-the-badge&logo=TypeScript&logoColor=ffffff)](#)
[![React.Js](https://img.shields.io/badge/React.Js-blue?style=for-the-badge&logo=React&logoColor=ffffff)](#)
[![TailwindCss](https://img.shields.io/badge/TailwindCss-black?style=for-the-badge&logo=TailwindCss&logoColor=be65a0)](#)Back-End
[![OpenWeather](https://img.shields.io/badge/OpenWeather-yellow?style=for-the-badge&logo=OpenWeather&logoColor=ffffff)](#)
[![PokeAPI](https://img.shields.io/badge/PokeAPI-yellow?style=for-the-badge&logo=PokeAPI&logoColor=ffffff)](#)Testes
[![Cypress](https://img.shields.io/badge/cypress-64D3A5?style=for-the-badge&logo=cypress&logoColor=ffffff)](#) : *in the near future*;
---
:handshake: Contributing
Contributions, issues and feature requests are welcome! Feel free to **file a new issue** on the [Weather-pokeapi](https://github.com/BrunoSobralDEV/weather-pokeapi/issues) repository. If you already found a solution to your problem, **I would love to review your pull request**!
---
:scroll: License