Created by Javier A. Barragan (javyb92), (Github - https://github.com/javyb92)
Source code: https://github.com/javyb92/Runwea
Demo: https://javyb92.github.io/Runwea/
Video Demo: https://youtu.be/_MOrc7xSMis
"Runwea" is a Weather Application built with React that judges weather or not it is the best time to run currently. Using the OpenWeather API, a standard search bar and utilizes geolocation to get the most accurate results.
I'm an runner, that runs quite a bit. Now many of us (me in my early years) running don't care about how the weather is out side or think we can just slap on a bit of sunscreen and we will be both protected and perform at our very best. Sometimes, that isn't the case, so I made this little thing that will be expanded into something that'll actually help us run at our very best, when it's best outside so we can push ourselves with weather being the smallest factor against our performance.
I wanted to make something with no bootstrap, rare use of fontawesome and showcase stuff I can make from scratch (See those nifty icons? Me. Paint.NET.)
Came out of BootCamp right before I started the project, I took 2-3 weeks relearning what I learned, I believe we learn better on our own and don't copy along. So being exactly 5 months into coding and being knowledge dumped of all of these cool concepts and practices it was rough for me to create this and stay on a schedule with React because I ran into issues of course new people would make. I wasn't discouraged, I've lost days to the simplest of errors but I'm learning, and now to think about it, all the errors I got are pretty silly now.
- React(w/ Hooks!)
- Openweather API
- MomentJS
- CSS3 Flexbox & Grid
- Paint.NET (To create my own weather icons)
- More will be used when I expand!
- Allow your browser to enable Geo-Location.
- An alternative is to use only your city name, this will be fixed where you can search by the city with state or nation.
I intend on releasing this for free (On Google Play) to have something on my name and say that I did it. But several things have to be done first.
Fixes: Too many.
Major Features Planned:
-
Run Checker - User checks the block a logs in the day if they ran for the day or not, they'll be able to log miles too.
-
Run Status - After user checks the block for the day, the information displays of the last week, green boxes if ran, red if they didn't.
-
In Depth Forecast - Each day would have a status, if the user clicks on that day, there would be an hourly update of that day selected, for the user to find out what best hours to run in.
-
The Backend - A user/sign up page Save total user mileage, create a default or list of areas for quick searching. Still thinking this one through.
This was made and was showcased in "Coding With Friends 2020"!
