Skip to content

Uma aplicação que monitora condições climáticas usando React e Laravel.

Notifications You must be signed in to change notification settings

marcosgregorio/weather-forecast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecast

Uma aplicação que busca os dados climáticos de uma determinada cidade utilizando a api da https://weatherstack.com.

🪧 Informações
✨ Nome Weather Forecast
🏷️ Tecnologias React, Laravel, SweetAlert, Sqlite

image

⚙️ Configurando o projeto

É recomendado utilizar um navegador que permita requisições HTTP por padrão, como o Firefox. Navegadores Chromium bloqueiam por padrão requisições HTTP.

Para subir a aplicação front-end rodar o comando abaixo(lembre-se de utilizar a versão correta do NPM).

npm install

▶️ Dentro do diretorio do projeto você inicia aplicação com

npm start

📚 Bibliotecas

📁 Pastas

  • As pastas do projeto front end foram separados em uma pasta de componentes e helper na src, uma pasta de assets dentro da public.

  • As pastas do projeto back end são o empastamento padrão de um projeto laravel.

⚙️ Instalando o backend

Após ter instalado o composer 2.5.7 e o PHP 8.2 e ter colocado o PHP nas variaveis de ambiente (caso seu sistema seja windows).

instale o laravel usando o comando:

composer global require "laravel/installer"

Depois, apenas rode o comando abaixo para instalar as dependencias do projeto.

composer install 

Execute o comando a seguir e verifique se foi possivel estabelecer uma conexão com o banco sqlite.

php artisan migrate

Por fim, rode o comando abaixo e veja se conseguiu subir o servidor.

php artisan serve 

⚠️ caso tenha problemas de conexão com o banco Sqlite siga os seguintes passos:

  • Copie o meu .env dentro da pasta arquivos-backup;
  • Deixa todas as variaveis DB_ comentadas exceto a DB_CONNECTION. Deixe a como DB_CONNECTION=sqlite.
  • Copie o meu arquivo database.sqlite (também dentro da pasta arquivos-backup) e deixe ele na pasta database e rode o comando php artisan migrate e verifique se foi possivel rodar as migrações.

💡 Funcionalidades

Condições climáticas

É possivel procurar as condições climáticas pela cidade usando apena o input de cidade e clicando em buscar

ezgif com-video-to-gif(1)

Salvar os dados

ezgif com-video-to-gif(2)

Consultar dados salvos

ezgif com-video-to-gif(3)

Comparar temperaturas

ezgif com-video-to-gif(4)

Layout responsivo

ezgif com-video-to-gif

About

Uma aplicação que monitora condições climáticas usando React e Laravel.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published