Weather App React is a client side rendering application that fetches data from two sources that provide JSON data about weather all around the world. Using React, the client side code will fetch your location and provide you with the weather in your area in a formatted way that is readable and accessible to the user of the application
The goal to building this application was to show case my skills in Javascript, React, managing API requests and the data that comes along with calling a detailed and very complex API.
To do this, current, daily & hourly weather data was split between 3 components of the like to manage state and organize the structure.
These top 3 concerns built the foundation behind this application that triggered the motivation behind structuring and organization. These two important aspects were of top priority.
Within one API request all current, hourly & daily information is
retrieved. This data was split between relative components that live
within < App />
A user interface that is filled with light animations and is considerate
to the daytime hours in one's current area where of top concern. The
hours of daylight were calculated comparatively to the
new Date() method & the sunset and sunrise data provided by
the API.
The file structure was to remain simple and small. This is a SPA application and no routers, context or state management libraries were necessary. The file structure lays out as follows...
- public
- index.html
- assets
- svgs
- images
- src
- components
- File.jsx
- file.scss
- App.jsx
- App.scss
- index.jsx
The leading motivation for building this application was to introduce my brain to more advanced levels of handling data and minipulating state with React, to provide people with a real example of a complex system of data management to refer to when creating their own works of art, and to create an application that is useful and easy for the public to use.
Date Started: Dec 27, 2022
Date Finished: Jan 12, 2023
React
SASS