Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emeraldknight-sp/react-sky-tracker
A project to work with the weather forecast using React, Styled Components and the consumption of APIs.
https://github.com/emeraldknight-sp/react-sky-tracker
axios eslint husky lint-staged prettier react react-router react-router-dom styled-components typescript
Last synced: about 2 months ago
JSON representation
A project to work with the weather forecast using React, Styled Components and the consumption of APIs.
- Host: GitHub
- URL: https://github.com/emeraldknight-sp/react-sky-tracker
- Owner: emeraldknight-sp
- License: mit
- Created: 2023-06-27T18:17:35.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-23T19:23:51.000Z (4 months ago)
- Last Synced: 2024-08-24T12:58:25.480Z (4 months ago)
- Topics: axios, eslint, husky, lint-staged, prettier, react, react-router, react-router-dom, styled-components, typescript
- Language: TypeScript
- Homepage: https://react-sky-tracker.vercel.app
- Size: 1.63 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Project: Weather
Uma aplicação web de previsão do tempo para auxiliar em tarefas a curto e longo prazo, feita com React.JS e Styled Components.
Tecnologias |
Projeto |
Layout |
Licença
## 🚀 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML5, CSS3, JS ES6+
- [Node e Yarn](https://nodejs.org/)
- [Create react-app](https://Reactjs.org/docs/api-reference/create-React-app)
- [React.JS](https://react.dev/learn)
- [React Router DOM](https://reactrouter.com/en/main)
- [React Lottie](https://www.npmjs.com/package/react-lottie)
- [React Icons](https://www.npmjs.com/package/react-icons)
- [React Hot Toast](https://www.npmjs.com/package/react-hot-toast)
- [Typescript](https://www.typescriptlang.org/docs/)
- [Styled Components](https://styled-components.com/docs)
- [Axios](https://axios-http.com/ptbr/docs/intro)
- [ESLint](https://eslint.org/docs/latest/)
- [Prettier](https://prettier.io/docs/en/index.html)
- [Husky](https://typicode.github.io/husky/#/)
- [Lint-Staged](https://valchan.com.br/lint-staged-husky/)
- [Dotenv](https://www.npmjs.com/package/dotenv)
- [Zod](https://www.npmjs.com/package/zod)## 💻 Projeto
Este projeto é voltado para a previsão do tempo buscando atender o maior número de possíveis usuários como pessoas comuns, profissionais, viajantes, equipes de resgate, pesquisadores, empresas e entusiastas do clima. O aplicativo é projetado para ter um interface simples e intuitiva para exibir informações básicas sobre o tempo, práticas de atividades ao ar livre e planejamento de viagens.
O objetivo principal do projeto é fornecer aos usuários informações precisas e atualizadas sobre as condições climáticas, isso pode incluir informações sobre temperatura, umidade, precipitação, ventos, entre outros fatores relevantes, alertas de clima severo, mapas meteorológicos interativos e previsões de longo prazo e ajudar os usuários a tomarem decisões informadas com base nas condições climáticas, melhorando assim sua segurança e bem-estar.
Além disso a aplicação deseja oferecer além de boa interface com informações precisas, opções de personalização, alertas meteorológicos, previsão do tempo a longo prazo, informações adicionais como qualidade do ar, índices de raios UV e assim por diante também mirando no acesso offline dessas informações.
## 🏡 Comandos de execução no projeto
Instalação das dependências do projeto
```sh
yarn
```Inicialização da aplicação
```sh
yarn start
```Build da aplicação
```sh
yarn build
```## 🔖 Layout
Você pode visualizar o layout do projeto clicando [aqui](https://www.figma.com/file/9Cx6jH0RyS2MdKzLuT1DX1/Project-Weather?type=design&node-id=5-3&t=hHrWK23PFmBJdOqw-0). É necessário ter conta no [Figma](https://figma.com) para acessá-lo.
## 📝 Licença
Esse projeto está sob a licença MIT.
---