Skip to content

React website to show sunrise and sunset times throughout the year

License

Notifications You must be signed in to change notification settings

GregSommerville/react-sunshine

Repository files navigation

React Suntimes

This project is a demonstration of using React and TypeScript to display the sunrise and sunset times for a variety of different locations in the U.S.

How to Use

Simply select a location from the listbox at the top of the screen. This will cause the latitude, longitude, and time zone values displayed immediately to the right to be updated. Additionally, it creates a graphic display that shows sunrise and sunset times throughout the year to be displayed. The chart can be read as having January 1 on the left edge, December 31 on the right edge, with the sunrise and sunset times for each day displayed as a yellow/gold column.

If you move your mouse across the graph, the times for sunrise and sunset will be shown near the bottom of the graph.

Here's a screenshot:

Screenshot

Technology Used

This project uses the following technologies:

  • TypeScript
  • React.js
  • HTML Canvas
  • Google Maps API

Author

  • Greg Sommerville - Initial work

License

This project is licensed under the Apache 2.0 License - see the LICENSE.md file for details