docs: add README

Author: rodrigosakamoto

.env.example

@@ -0,0 +1 @@
+OPENWEATHER_API_KEY=

.github/day.png

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+.env
 
 # Android/IntelliJ
 #

.github/night.png

@@ -0,0 +1,53 @@
+<h1 align="center">
+	Weatherapp
+</h1>
+
+<h3 align="center">Weatherapp - aplicação simples desenvolvida com React Native que mostra os dados do clima com base nas cordenadas do usuário.</h3>
+
+<p align="center">
+  <img align="center" src=".github/day.png" border="0" height="300"/>
+
+  <img align="center" src=".github/night.png" border="0" height="300"/>
+</p>
+
+## 🛠 Tecnologias
+
+As seguintes ferramentas foram usadas na construção do projeto:
+
+- [React Native](https://reactnative.dev/)
+- [react-native-community/geolocation](https://github.com/react-native-community/react-native-geolocation)
+- [styled-components](https://styled-components.com/)
+- [axios](https://github.com/axios/axios)
+- [date-fns](https://date-fns.org/)
+- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)
+- [react-native-linear-gradient](https://github.com/react-native-community/react-native-linear-gradient)
+
+
+
+## Pré-requisitos
+
+Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
+[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/), [Expo](https://expo.io/), [Yarn](https://classic.yarnpkg.com/lang/en/). 
+Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
+
+## 💾 Instalação
+
+```bash
+	# Acesse a pasta do projeto no terminal/cmd
+	$ cd weatherapp
+
+	# Instale as dependências
+	$ yarn
+
+  # Instale o app no emuulador
+  $ yarn android
+
+	# Execute a aplicação
+	$ yarn start
+```
+
+---
+By Rodrigo Sakamoto
+
+[![Linkedin Badge](https://img.shields.io/badge/-Rodrigo%20Sakamoto-9146ff?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/rodrigo-sakamoto/)](https://www.linkedin.com/in/rodrigo-sakamoto/) 
+[![Gmail Badge](https://img.shields.io/badge/-rodosakamoto@gmail.com-9146ff?style=flat-square&logo=Gmail&logoColor=white&link=mailto:rodosakamoto@gmail.com)](mailto:rodosakamoto@gmail.com)

.gitignore

@@ -1,3 +1,4 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: ['module:react-native-dotenv'],
 };

README.md

@@ -15,6 +15,7 @@
     "date-fns": "^2.15.0",
     "react": "16.13.1",
     "react-native": "0.63.2",
+    "react-native-dotenv": "^2.3.0",
     "react-native-linear-gradient": "^2.5.6",
     "react-native-vector-icons": "^7.0.0",
     "styled-components": "^5.1.1"

babel.config.js

@@ -3,6 +3,7 @@ import Icon from 'react-native-vector-icons/Feather';
 import {format} from 'date-fns';
 import ptBR from 'date-fns/locale/pt-BR';
 import Geolocation from '@react-native-community/geolocation';
+import {OPENWEATHER_API_KEY} from '@env';
 
 import WeatherDetailsItem from '../../components/WeatherDetailsItem';
 
@@ -40,7 +41,7 @@ const Home = () => {
       params: {
         lon: longitude,
         lat: latitude,
-        appid: 'c1b0e433f08ff834b80bb722bf8cdad8',
+        appid: OPENWEATHER_API_KEY,
         lang: 'pt_br',
         units: 'metric',
       },

package.json

@@ -2,7 +2,7 @@ import styled from 'styled-components/native';
 import LinearGradient from 'react-native-linear-gradient';
 
 export const Background = styled(LinearGradient).attrs((props) => ({
-  colors: props.hour > 18 ? ['#7159c1', '#333'] : ['#7159c1', '#19c3fb'],
+  colors: props.hour >= 18 ? ['#7159c1', '#333'] : ['#7159c1', '#19c3fb'],
 }))`
   flex: 1;
 `;

src/pages/Home/index.js

@@ -2421,6 +2421,11 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
+dotenv@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
+  integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
+
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -5532,6 +5537,13 @@ react-is@^16.12.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-i
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-native-dotenv@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/react-native-dotenv/-/react-native-dotenv-2.3.0.tgz#5c41bb06879616e9222f998446c4e401447c0638"
+  integrity sha512-I+qChtJT8U8EXSr91O1cMC7uU4Xaalg3aVFtRb1b47DX+30PMK+I8sCOMGnZcJW6YQyUaf0fjqlVXmmaMOcfWg==
+  dependencies:
+    dotenv "^8.0.0"
+
 react-native-linear-gradient@^2.5.6:
   version "2.5.6"
   resolved "https://registry.yarnpkg.com/react-native-linear-gradient/-/react-native-linear-gradient-2.5.6.tgz#96215cbc5ec7a01247a20890888aa75b834d44a0"