Code Monkey home page Code Monkey logo

fe-sweater-weather's People

Contributors

abenetka avatar ameseee avatar corywest avatar dionew1 avatar s-espinosa avatar

Watchers

 avatar  avatar

fe-sweater-weather's Issues

Create Root Path

When a user visits the root path, they see :

  • link to login
  • link to register
  • input areas for location

Create Weather Page

  • Hits the GET /api/v1/forecast?location=denver,co endpoint
  • Weather Page has 3 sections: 1. Weather Summary, 2. Current Weather Information Box, 3. Hourly/ Daily weather
  • Search Bar for Location

Current Weather Information Box

Current Weather Box includes:

  • Summary (ex: partly cloudy)
  • Icon
  • Today summary
  • Tonight summary
  • Feels like temp
  • UV Index
  • Humidity
  • Visibility
    Requires #6 #7

Hourly/ Daily Weather Box

The Hourly and Daily Weather Box has the following information:

  • Weather by Hour
  • Next 5 days forecast (Summary/Icon, High/Low, Chance of Precipitation)

Login Link

When a user clicks the login link on root path or weather page, it hits the POST /api/v1/sessions endpoint

Location Search Bar

  • Create input areas for location
  • When a user submits the location, it hits the
    GET /api/v1/forecast?location=denver,co endpoint
  • Page reloads with weather information of entered location

Remove Favorite Locations

User can remove favorite locations

  • hits DELETE /api/v1/favorites endpoint
  • once link clicked, the location will no longer be in the list

Register Link

When a user clicks the register link on either root page or weather page, it hits the POST /api/v1/users endpoint

Background Image

When a user enters a location, it uses this location to generate a background image

  • hits GET /api/v1/backgrounds?location=

Weather Summary Box

After a user inputs a location, it shows a weather summary box that includes:

  • Location (City, State, Country)
  • Current Time/ Date
  • Current Temperature
  • Temperature High/ Low
  • Current Weather Summary (ex: Partly Cloudy)
  • Current Weather Icon (ex: Storm Clouds)
  • Link to Change Location
  • Link to Favorite Location

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.