Light

juliannorton / weather-milliseconds Goto Github PK

View Code? Open in Web Editor NEW

29.0 1.0 10.0 420 KB

Experiment to render a forecast as fast as possible

License: MIT License

Python 34.80% HTML 65.20%

weather forecast python flask hacktoberfest

weather-milliseconds's Introduction

Experiment to render the weather forecast as fast as possible. Goal is sub 100ms. ~40 milliseconds if you're in NYC.

Set-up

python3 -m venv venv && source venv/bin/activate && pip3 install -r requirements.txt && FLASK_APP=app.py FLASK_DEBUG=1 python -m flask run --port=5001

Good resources

Setting up Flask: https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world

Production setup

# Use a screen
# [not needed after venv installed] sudo python3 -m venv venv
screen
source venv/bin/activate
sudo -H pip3 install -r requirements.txt
sudo FLASK_APP=app.py python3 -m flask run --port=5001

Ctrl a p to detatch from the screen

Production reset

(To find python processes:)
ps -ef | grep python
sudo kill -9 23826
("23826" is whatever the number is returned that you want to kill)
screen
sudo git pull
sudo python3 -m venv venv
source venv/bin/activate
sudo -H pip3 install -r requirements.txt
sudo FLASK_APP=app.py python3 -m flask run --port=5001

weather-milliseconds's People

Contributors

Stargazers

Watchers

Forkers

jiwendi lushomochimimba harshini1 divyanshdarshan aberezin elvinup houfu sebasblancogonz spacecode-live yaxis1

weather-milliseconds's Issues

upgrade to v3 weather API

Right now this is using a legacy version of weather.gov.

~~https://forecast-v3.weather.gov/documentation~~ is the new API that will be supported moving forward.
https://api.weather.gov

Display the source (weather station or location) that the data is returning for

Right now, it just says "weather" in the H1. The solution to this ticket should so some indication as to where the source of the data is for. For example, if it's for "new york, ny" it should say that, or KNYC weather station, so that the data can be trusted and validated.

Current header:
https://github.com/JulianNorton/weather-milliseconds/blob/master/templates/index.html#L8

Current weather data source:
https://github.com/JulianNorton/weather-milliseconds/blob/master/app.py#L37

Allow for custom zip code locations passed through URL

URL can then be converted to lat/long via https://gist.github.com/erichurst/7882666

the v3 weather.gov api will convert the lat/long to the closest weather station

pull gif and convert it to video format

https://web.dev/fast/replace-gifs-with-videos

Make a periodic request from weather.gov for the gif
Store the gif on the server
Convert gif to video format
Serve video format to site
Make sure to delete old gifs/videos.

refactor css

right now the css is targeting html selectors with inline css. PR should refactor css to:

Remove inline styles
Remove targeting of html elements directly (use a class instead of direct selector)
Move css to single stylesheet or inline

https://github.com/JulianNorton/weather-milliseconds/blob/master/templates/base.html

return a '304' (unmodified) response if data is cached

pallets/flask#1034 (comment)

Make default location correctly KNYC

What's the current situation?

The weather is being returned for "Hoboken, NJ"

What do you recommend?

The weather should return from the weather station KNYC, 10025, which is New York.

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.