Esse projeto é uma aplicação que exibe os dados climáticos da região do usuário e de cidades escolhidas. Feito com React Native, typescript e outras tecnologias.

Overview

Weather APP

Esse projeto é uma aplicação que exibe os dados climáticos da região do usuário e de cidades escolhidas.

FeaturesPré RequisitosRodando a aplicaçãoTecnologiasAutor



WeatherApp WeatherApp

Features

  • Theme Switcher
  • O tema é mantido
  • Ícones mudando de acordo com o clima, Weatherly 3D Icons
  • Consumo da API de clima
  • Consumo da localização do usuário
  • Botão para recarregar os dados
  • Busca por cidades
  • Tratativa de erros

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

Você também vai precisar configurar o ambiente para desenvolvimento mobile no seu PC: Configurando Ambiente React Native.

Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Mobile

# Clone este repositório
$ git clone https://github.com/ARTHURPC03/WeatherApp

# Acesse a pasta do projeto no terminal/cmd
$ cd WeatherApp

# Faça uma cópia de '.env.example' para '.env'
# Coloque sua credencial da API de clima (Weather API)
$ cp .env.example .env

# Instale as dependências
$ yarn

# Se você for emular com o Android, execute este comando
# Certifique-se de ter o emulador aberto
$ yarn android

# Se você for emular com ios, execute este comando
$ yarn ios

🔨 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:


Autor

ARTHUR PC

Made with 💜 by ARTHUR PC 👋

LinkedIn Badge YouTube Badge

You might also like...
Aplicação de gerenciamento de senhas
Aplicação de gerenciamento de senhas

SavePass - Gerenciador de senhas pessoais Nota: Aplicação desenvolvida no desafio do curso do Ignite da Rocketseat. O qual é um aplicativo para gerenc

Clone da Netflix feito em React.js
Clone da Netflix feito em React.js

Para esse projeto eu utilizei as linguagens de programação HTML, CSS e JavaScript, utilizando o framework React.js pela primeira vez, a IDE que eu fre

Clone da Netflix, feito em React.js.
Clone da Netflix, feito em React.js.

Netflix Clone Clone da homepage da Netflix utilizando React JS Tecnologias Esta aplicação foi desenvolvida em React.js, onde a aplicação consome a API

todo list feito com reactj⚛⚛
todo list feito com reactj⚛⚛

todo.list 🚨 Novidades Foi criada uma página home simples, com a animação igual ao site da vercel No componente Profile foi adicionada a função de log

Desenvolvendo em React js, uma Pokédex para Pokémons  da COMPETI.
Desenvolvendo em React js, uma Pokédex para Pokémons da COMPETI.

Criando uma Pokédex para meu teste da COMPETI! Projeto desenvolvido para processo seletivo da empresa Competi, cujo objetivo é fazer consumo da API (h

Uma lib de componentes para React js criados por mim.
Uma lib de componentes para React js criados por mim.

UI Kit Library - Caiquedevs UI Kit Library for React.js with Storybook Demo. Published at NPM. Participants Components Button CheckBox Input Modal Rad

Resolução dos desafios do Ignite React (2022) que gravei em meu canal do Youtube.
Resolução dos desafios do Ignite React (2022) que gravei em meu canal do Youtube.

Desafios Ignite React 2022 Repositório destinado a armazenar todas as resoluções dos desafios que desenvolvi juntamente com o link para o vídeo no meu

App que visa fazer requisição para a API de repositórios do GitHub
App que visa fazer requisição para a API de repositórios do GitHub

Nessa aula foi desenvolvido uma página que faz requisição para a API de repositórios do GitHub e alimenta nossa lista de repositórios na página. *Para

Projeto desenvolvido para consolidar os conhecimentos de React e Typescript
Projeto desenvolvido para consolidar os conhecimentos de React e Typescript

Gerenciador de Finanças Projeto desenvolvido para consolidar os conhecimentos de React e Typescript. 📚 Descrição Gerenciador de finanças utilizando R

Owner
Arthur Pimentel Cordeiro
Desenvolvedor de software focado nas melhores tecnologias de desenvolvimento web e mobile.
Arthur Pimentel Cordeiro
Projeto de conclusão do Modulo 05 da Resilia Educação. Onde criamos um e-commerce de hotel feito com React.js que consome a API REST feita no modulo 04.

Projeto de conclusão do Modulo 05 da Resilia Educação. Onde criamos um e-commerce de hotel feito com React.js que consome a API REST feita no modulo 04.

Caio Vieira Lima 6 Jun 27, 2022
clone da netflix feito com react js e dados vindo da api do themoviedb

bem vindo :) link do projeto passo a passo para rodar no seu dispositivo baixar o node https://nodejs.org/en/ baixar o git https://git-scm.com/ clonar

matheus souza 25 Apr 20, 2022
Mylexzin é um projeto desenvolvido em ReactJS. A ideia do projeto é criar uma loja de relógio.

Mylexzin é um projeto desenvolvido em ReactJS. A ideia do projeto é criar uma loja de relógio.

Matheus Maia Alvarez 3 Aug 18, 2022
A ideia do projeto era desenvolver um jogo onde o usuário pode tentar "descobrir" ou melhor dizendo, lembrar a maior quantidade de HTML Tags em um determinado tempo.

HTML Tag Memory Test ?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: ViteJS ReactJS Typescript Tailwind Zustand Immer Axios

Igor Santos 4 May 17, 2022
Desenvolvimento de uma aplicação em React Native, com um intuito de um e-commerce para venda de frutas, com geração e compartilhamento de PDF.

FRUTCOM ?? Projeto Frutcom Desenvolvimento de uma aplicação em React Native, com um intuito de um e-commerce para venda de cinco tipos de frutas: Maçã

Luis Gustavo Fin 9 Nov 6, 2022
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente

upfi Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corr

Alex Teixeira da Fonseca 1 Feb 3, 2022
Primeiro projeto de e-commerce feito na Labenu. A proposta era criar um site de e-Commerce com os recursos React.js.

Primeiro projeto de e-commerce feito na Labenu. A proposta era criar um site de e-Commerce com os recursos React.js.

Joana 9 Oct 30, 2022
Programa em React para mostrar dados do paciente.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Marcos Menezes 2 Jan 11, 2022
Aplicação desenvolvida com Next-js, Strepi, FaunaDB, Next-Auth e Prismic no curso de React-Js da RocketSeat

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Christopher Lee 0 Dec 24, 2021