Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mairess/project-ichoveu

Um site simples de previsão do tempo para treinar o consumo de api. Toda estilização veio pronta, fiz construí apenas as funções helpers.
https://github.com/mairess/project-ichoveu

async-await docker fetch-api javascript promises try-catch

Last synced: 17 days ago
JSON representation

Um site simples de previsão do tempo para treinar o consumo de api. Toda estilização veio pronta, fiz construí apenas as funções helpers.

Awesome Lists containing this project

README

        

#

Projeto iChoveu

## Contexto

Esse projeto é um site simples de previsão do tempo, `ele já tem sua estilização pronta`, bem como uma parte do código. O objetivo é consumir os dados de uma API, a [Weather API](https://www.weatherapi.com/), compreender o conceito assincronicidade em JavaScript e desenvolver as funções que estão em `src/helpers/`.

Rode o projeto localmente

> ⚠️ É preciso ter o [Node](https://nodejs.org/en) instalado em sua máquina.
>
> ⚠️ É preciso ter uma `API Key`.


Obtendo uma KEY

- Crie uma conta no [Weather API](https://www.weatherapi.com/signup.aspx) para ter uma `API Key`.

![alt text](image-1.png)

⚠️ Crie um arquivo`.env` na raiz do projeto e cole a sua chave. Na raiz desse projeto há um exemplo [.env.example](./.env.example)

Clone o repositório:

```SHELL
git clone [email protected]:mairess/project-iChoveu.git
```

Instale as dependências:

```SHELL
npm install
```

Inicie o vite server:

```SHELL
npm run dev
```

Rode o projeto com o docker

> ⚠️ É preciso ter o [Docker](https://www.docker.com/get-started/) instalado em sua máquina.

Clone o repositório:

```SHELL
git clone [email protected]:mairess/project-iChoveu.git
```

Suba o container:

```SHELL
docker compose up -d
```

O vite server estará disponível na porta `3000`:

```HTML
http://localhost:3000
```

## Competências desenvolvidas

- Compreensão de `promises` e `fetch`.
- Compreensão de `async` e `await`.