Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/mairess/project-ichoveu
- Owner: mairess
- Created: 2023-11-28T13:32:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-31T11:38:25.000Z (9 months ago)
- Last Synced: 2024-03-31T12:36:16.487Z (9 months ago)
- Topics: async-await, docker, fetch-api, javascript, promises, try-catch
- Language: JavaScript
- Homepage: https://project-i-choveu-kappa.vercel.app
- Size: 459 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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`.