/desafio-uTech

desafio técnico proposto pela empresa uTech (https://utech.com.br/site)

Primary LanguageTypeScript

Desafio Estágio uTech

Regras Gerais Você deve criar uma aplicação dividida em Backend e Frontend; Você pode utilizar a tecnologia que preferir (PHP, Python, Javascript, etc); O repositório do desafio deve estar público no github; No Readme.md do respositório, documente os passos para rodar o seu projeto em um ambiente Linux.

Backend: Criar uma API:

Não é necessário autenticação; Os dados devem ser extraídos da API presente no endereço: https://rapidapi.com/KirylBokiy/api/openweather43/. As instruções para acessar a API estão presentes em anexo.

Sua API deve consumir os dados e fornecer pelo menos duas rotas para o front end, sendo elas: Uma que retorne cada uma das temperaturas, em graus Celsius, das próximas 4 previsões do tempo disponíveis para a cidade de “florianopolis”, além de um campo contendo a média delas. Outra de sua escolha. Consuma os dados disponíveis pela API da forma que desejar e forneça-os em rotas para o seu Frontend. Seja criativo.

Frontend: Criar uma interface WEB:

Requisitos Obrigatórios Exiba os dados obtidos por seu backend da forma que desejar; Utilize a tecnologia que preferir; Consuma todas as rotas da API que você criou;

Requisitos Opcionais: Utilize algum framework (bootstrap, react, materials, etc); Responsiva;

Instruções para acessar a API

Para acessar os endpoints da API fornecida é necessário um cadastro no site https://rapidapi.com. O botão para inscrição é encontrado em qualquer página do site, no canto superior direito. É possível realizar cadastros rápidos através das contas do GitHub, Google, Facebook, ou fornecer os dados manualmente para um novo cadastro.
Após efetivar o registro, é possível testar os endpoints da API dentro da plataforma. A API utilizada para realização dos testes é totalmente gratuita, então basta se inscrever para ter acesso. Além da documentação dos campos e possíveis URLs, a página fornece exemplos de como adicionar os cabeçalhos necessários para realizar as requisições em diversas linguagens de programação. Utilize o cabeçalho com a chave fornecida pelo site em sua aplicação.

Variáveis de ambiente

Back-end

APPID=''
KEY=''
HOST=''

variáveis obitidas em https://rapidapi.com/KirylBokiy/api/openweather43/

front-end

# PRODUÇÃO
VITE_URL=''

Executando localmente

para rodar os projeto, siga os passo abaixo:

  1. Clone o repositório do projeto:

    git clone https://github.com/Odisseu93/teste-frontend-bugaboo

Back-end

  1. navege até a pasta do aonde está os aquivos do back-end:

    cd app/back-end

  2. Instale todas as dependencias:

    yarn install

  3. Inicie o development server:

    yarn dev

Front-end

  1. navege até a pasta do aonde está os aquivos do back-end:

    cd app/front-end

  2. Instale todas as dependencias:

    yarn install

  3. Inicie o development server:

    yarn dev

Preview

Site