app redesigned

RodrigoWebDev · Dec 28, 2020 · 420396c · 420396c
1 parent 32567b7
commit 420396c
Show file tree

Hide file tree

Showing 24 changed files with 11,397 additions and 494 deletions.
diff --git a/README.md b/README.md
@@ -1,22 +1,20 @@
-![React Wheater App](https://rqueiroz.netlify.com/static/wheater-app-29cd5c82f63410c764df72d33b9c6c93.jpg)
-
-# React Whater App
-
-A Wheater Web App build with React and Wheater API
+# React Weather Web App
 
 ## Live demo
-[Click here](https://romantic-gates-0ddd40.netlify.com/)
+See a live demo [here](https://react-weather-web-app.surge.sh/)
 
 ## Build With
 
-* HTML5
-* CSS3
-* Javascript
 * React
+* React Hooks
+* Yarn
+* create-react-app
+* OpenWeather Api
+* SweetAlert 2
 * Axios
-* [Weather API](https://openweathermap.org/api)
+* Bootstrap 5
 
-## How to Install
+## How to install
 
 ```
 yarn
@@ -29,7 +27,7 @@ Development server:
 yarn start
 ```
 
-Build
+Build:
 ```
 yarn build
 ```
diff --git a/package.json b/package.json
@@ -3,13 +3,11 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
- "@testing-library/jest-dom": "^4.2.4",
- "@testing-library/react": "^9.3.2",
- "@testing-library/user-event": "^7.1.2",
- "axios": "^0.19.2",
+ "axios": "^0.21.1",
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
- "react-scripts": "3.4.0"
+ "react-scripts": "3.4.0",
+ "sweetalert2": "^10.12.6"
  },
  "scripts": {
  "start": "react-scripts start",

diff --git a/public/icon-192x192.png b/public/icon-192x192.png
diff --git a/public/icon-256x256.png b/public/icon-256x256.png
diff --git a/public/icon-384x384.png b/public/icon-384x384.png
diff --git a/public/icon-512x512.png b/public/icon-512x512.png
diff --git a/public/index.html b/public/index.html
@@ -1,21 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
- <head>
- <meta charset="utf-8" />
- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta name="theme-color" content="#000000" />
- <meta
- name="description"
- content="Web site created using create-react-app"
- />
- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
- <!--
+
+<head>
+ <meta charset="utf-8" />
+ <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="theme-color" content="#161616" />
+ <meta name="description" content="Wather App made with React and OpenWeather" />
+ <link rel="apple-touch-icon" href="%PUBLIC_URL%/icon-192x192.png" />
+ <!--
  manifest.json provides metadata used when your web app is installed on a
  user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
  -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <!--
+ <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+ <!--
  Notice the use of %PUBLIC_URL% in the tags above.
  It will be replaced with the URL of the `public` folder during the build.
  Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +22,13 @@
  work correctly both with client-side routing and a non-root public URL.
  Learn how to configure a non-root public URL by running `npm run build`.
  -->
- <title>React App</title>
- </head>
- <body>
- <noscript>You need to enable JavaScript to run this app.</noscript>
- <div id="root"></div>
- <!--
+ <title>React Weather App</title>
+</head>
+
+<body>
+ <noscript>You need to enable JavaScript to run this app.</noscript>
+ <div id="root"></div>
+ <!--
  This HTML file is a template.
  If you open it directly in the browser, you will see an empty page.
 
@@ -39,5 +38,6 @@
  To begin the development, run `npm start` or `yarn start`.
  To create a production bundle, use `npm run build` or `yarn build`.
  -->
- </body>
-</html>
+</body>
+
+</html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -1,25 +1,32 @@
 {
- "short_name": "React App",
- "name": "Create React App Sample",
- "icons": [
- {
- "src": "favicon.ico",
- "sizes": "64x64 32x32 24x24 16x16",
- "type": "image/x-icon"
- },
- {
- "src": "logo192.png",
- "type": "image/png",
- "sizes": "192x192"
- },
- {
- "src": "logo512.png",
- "type": "image/png",
- "sizes": "512x512"
- }
- ],
- "start_url": ".",
- "display": "standalone",
- "theme_color": "#000000",
- "background_color": "#ffffff"
-}
+ "theme_color": "#161616",
+ "background_color": "#161616",
+ "display": "standalone",
+ "scope": "/",
+ "start_url": "/",
+ "app_name": "React Weather App",
+ "short_name": "Weather App",
+ "description": "Wather App made with React and OpenWeather",
+ "icons": [
+ {
+ "src": "icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "icon-256x256.png",
+ "sizes": "256x256",
+ "type": "image/png"
+ },
+ {
+ "src": "icon-384x384.png",
+ "sizes": "384x384",
+ "type": "image/png"
+ },
+ {
+ "src": "icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+}