/React-Project-1

First Week React Project

Primary LanguageJavaScript

Clone of Weather.com

Published April 19th 2018
Author Nate Wessels

  1. Description
  2. Installation
  3. Known Bugs
  4. Technologies Used
  5. License

Description

This Application will show a cloned version of the Weather Channel Website. It is using React. It shows the use of JSX.

Specs

This application will display a cloned version of the "www.weather.com" website using angular

Real Website

Top of the Real Website

Top of the real Weather Channel Website

Body of the Real Website

Body of the real Weather Channel Website

Footer of the Real Website

Footer of the Real Weather Channel Website

Cloned Website

Top of the Cloned Website

Top of the Cloned Weather Channel Website

Body of the Cloned Website

Body of the Cloned Weather Channel Website

Footer of the Cloned Website

Footer of the Cloned Weather Channel Website

Installation

Below are the steps to follow to install this application

  1. First make sure that you have installed npm on your device. Follow the instructs on https://www.npmjs.com/get-npm if you have not.
  2. Next we need to install the repository onto this device. Go to your terminal
  3. Type in cd desktop
  4. New to get the repository from Github we need to clone it from the website. To do that type in git clone https://github.com/ngwessels/React-Project-1
  5. Once its finished downloading, type in npm install. This will download any developer/dependencies from its package.json file. This step may take a few minutes.
  6. Once finished type in npm run start to launch the server
  7. Now go to your Google Chrome browser and enter this address in the address form http://localhost:8080/#/. And press Enter

App Routes tree

Below is an image of the App Routes Tree. And the direction of state flow App Routes Tree

Features

Below is a list of features this application has

  1. React

Possible Features in the Future

Below is a list of planned features that have not been worked on yet

  1. Firebase Storage. Storing all photos
  2. API Call getting realtime weather Information

Known Bugs

  • None identified

Support and Contact Details

Contact Nate Wesses at nwessels16@gmail.com

Technologies Used

  • HTML 5
  • Javascript
  • React
  • SCSS
  • Webpack

License

Copyright (c) 2019 Nate Wessels, Epicodus

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.