Uma ferramenta de consulta de previsão do tempo via API com React/Redux/Typescript

Overview

Weather Ract Redux

nodejs typescript react redux axios chakraui reacticons

Uma ferramenta de consulta de previsão do tempo via API com React/Redux/Typescript/Axios

CLIQUE AQUI para testar (by Vercel)!

👊🏻 Agradecimentos antes de começar...

Esse projeto foi criado utilizando a API gratuita da Open Weather Map:

🕤 Em breve

Será adicionado ao projeto á opção de "Ver mais detalhes", onde mostrará a previsão do tempo para os próximos 4 dias!

Intuito do projeto

Eu montei esse projeto apenas para estudar, espero que assim como os projetos citados acima me ajudaram, esse projeto possa ajudar você também :)

⚠️ Aviso

No console do DevTools, o projeto apresenta uma mensagem de incompatibilida com o recurso React.render na versão 18 do React, o problema é causado pelo Toast do Chakra UI e os desenvolvedores do framework já estão sabendo do ocorrido.

🚀 Vamos começar?

Caso deseje testar esse projeto, siga os passos abaixo!

  • Primeiro clone este repositório
git clone https://github.com/linhous/weather-react-redux.git
  • Entre na pasta weather-react-redux
cd weather-react-redux
  • Execute npm install para instalar as dependências
npm install
npm start
  • Caso deseje buildar o projeto
npm run build
You might also like...
CLI, Local API and Local client for React and Typescript: Build a Portfolio Project course.

🚀 JBook (CLI, Local API, Local Client) Complete project of React and Typescript: Build a Portfolio Project course. You can find the whole repo at Git

Client for @Ifycode's buuks API (react, typescript, tailwind css)
Client for @Ifycode's buuks API (react, typescript, tailwind css)

@Ifycode/buuks-react-client Hosted on Netlify: https://buuks.netlify.app This is the frontend client for the buuks-express-api, built with react, type

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

React boilerplate that includes Redux, Redux Toolkit, React Router, React-Bootstrap

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

Redux app demonstrating isomorphic rendering and routing (with redux-devtools).
Redux app demonstrating isomorphic rendering and routing (with redux-devtools).

Isomorphic Redux App This project serves as a simple boilerplate to start building an isomorphic rendering application in React and Redux. Features As

A template for React-Native | Typescript | Redux | React-Navigation

ReactNativeTemplate A template for React-Native. Folder Structure src api apiHelpers - includes helper functions like parsing api data config - contai

Template react native typescript project with Redux, Saga, React Navigation
Template react native typescript project with Redux, Saga, React Navigation

React Native TypeScript Template Description Template react native typescript project with Redux, Saga, React Navigation. How to run Clone this projec

An Electron boilerplate featuring typescript, react, webpack, tailwind and redux - ready to use!

A secure, modular, and easy to use Electron Forge boilerplate featuring Typescript, React, Webpack, TailwindCSS, Redux and persistance (with redux-persist support)

Owner
Paulo Vitor Nascimento
Um aspirante da programação, tentando melhorar e claro, aprendendo cada dia mais :)
Paulo Vitor Nascimento
Uma terceira versão do portfólio feito com React e Typescript.

Portfólio João Túlio Este projeto foi criado com CRA (Create React App). Este é meu site para me apresentar, aqui coloco minhas habilidades, portfólio

João Túlio 2 Dec 13, 2022
Criação, leitura, atualização e exclusão de usuários em uma plataforma

Teste Prático - Desenvolvedor Full Stack Pleno Tabela de Conteúdo Sobre o Projeto Feito Com Iniciando o Projeto Pre-Requisitos Instalação via Docker I

Murilo Maia 6 Apr 11, 2022
Electron-mirror - Electron application for Smart Mirror using React via the electron-react-boilerplate repository.

Electron-Mirror Electron application for Smart Mirror using React via the electron-react-boilerplate repository. Starting Development Start the app in

null 1 Feb 8, 2022
Storybook-addon-message-bus - Interact with message bus via Storybook UI

Storybook Addon Message Bus Storybook Addon w/ GUI for interacting with Message

Prashis 2 Jan 8, 2022
A universal Javascript starter kit inc. React, Redux, Redux Dev Tools, Universal Redux Router, CSS Modules, hot module reloading, Babel for ES2015+ and ESLint

UniversalJS A universal Javascript starter kit inc. React, Redux, Redux Dev Tools, Universal Redux Router, CSS Modules, hot module reloading, Babel fo

Colin Meinke 65 Oct 13, 2022
React-typescript-mini-project - Node Module Search With Typescript Reactjs and Redux

Node Module Search Getting Started It is project for freshers who want to learn

Amitesh Mani Tiwari 1 Jan 22, 2022
QABAS AL ANI 1 May 29, 2022
New Coins and Active Coins List with react-redux and recive data with API

New Coins and Active Coins List **This is my react project **First of all I used react and redux **Project will create a list for new coins and active

Atilla Taha Kördüğüm 3 Apr 10, 2022
React Typescript Login and Registration example - JWT Authentication & Authorization with Axios, Router, Rest API

React Typescript Login example with Axios and Web API Build React Typescript Login and Registration example with React Router, Axios and Bootstrap (wi

null 57 Jan 4, 2023
Powered by Vite, React, TypeScript and Tailwinfusing the R&M API

Rick and Morty Randomizer Using the Rick and Morty API, I created a SPA that randomly renders a character from the show along with their info. Languag

Nigel 1 Nov 4, 2021