hugohabicht01 / petrolstationapp Goto Github PK
View Code? Open in Web Editor NEWWebapp that displays real time petrol prices of petrol stations in Germany
Webapp that displays real time petrol prices of petrol stations in Germany
Right now all the logic for fetching details of petrol station (and the directions renderer) are inside the PetrolStationList componenent. It would be better to move all of this inside the Details component, which is a more logical place to have it and makes it possible to set Details from other components as well
Keep pricehistory of all tracked petrol stations in a DB using Google Cloud Platform or cron jobs
See https://cloud.google.com/appengine/docs/standard/python3/scheduling-jobs-with-cron-yaml and https://cloud.google.com/run/ for further research
So far there is a test but it is failing, since I'm working with fixed values. This shouldn't be the case. Need to mock the API call
As of right now, the api keys needed by the backend are specified as environment variables in app.yaml. This isn't optimal as I can't commit the file in that state.
A possible solution would be using gcp secrets
So far you can't specify the fuel consumption of your car neither can you can specify how much petrol you need
Right now some variables are named using camelCase, some others are using snake_case. Decide what should be used and enforce a consistent coding style. Probably take a look at the style of popular repos
As of right now only a few bits of data are stored in the vuex store, instead it would be better to use vuex for everything and modularize it as well
Most variable names and especially struct names are horrible as of right now, they need improvement ( you can't just call everything PetrolStations?.*)
use vue-i18n to provide german and english text
Add a custom datatype for locations and check if there will be any accuracy loss if floats are used for coords instead of strings
Get all the API calls together in a performant way and sort it then
https://developers.google.com/maps/documentation/javascript/distancematrix
If there are more than 25 petrol stations in the radius, google maps will return an error...
Right now the duration text is parsed, should be changed to using the value instead
This should be an issue just to keep track of ideas that come to my mind that could be useful, etc
If I actually start implementing a feature, it might be helpful to create a separate issue for it then
The code that processes the data that the APIs returned is very ugly as of right now, it needs cleaning up. Easiest solution would probably be to make it object oriented, to make it at least somewhat clean and readable
Fix all import issues so that it can be deployed to deta
Switch from using Latex to Markdown.
Latex might be quite powerful but markdown is just easier to use and can be rendered in the browser on github without having to compile it.
The petrol consumption model is very basic so far, some improvements would help a lot
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.