Pragmatic Energy is a Full Stack Single Page Application (SPA) which allows for the geographic access to information of over 5000 petrol stations around Australia. The data pertaining to the petrol stations can be accessed here.
This app utilizes the Google Maps API to visually represent the locations of the petrol stations around Australia as markers, whilst allowing for user interaction with the markers to access further information. Pragmatic Energy also utilizes an in-built REST JSON API to allow for communication between the client side and the server, providing the user a seamless experience with the client as the server-side data is rendered live on the browser.
Pragmatic Energy can be access here. The app has been deployed with the front-end on Cyclic and with ElephantSQL hosting the database.
The Pragmatic Programmers team:
- HTML, CSS, JavaScript (NodeJS and ExpressJS)
- PostgreSQL
- Google Maps API
- Embedded Google Maps
- Displays a marker at all petrol station locations within view
- Markers can be clicked for additional information
- Full window mode: Toggle between the standard display and full window mode with the hotkey Ctrl+B
- View a randomly selected petrol station from anywhere around Australia!
- refresh button: roll a new spotlight station
- A statistical breakdown of all stations around Australia
- Visually represents the ownership of the stations
- A display of the latest Oil prices, accessed from Yahoo Finance via RapidAPI
- A display of the center's latitude and longitude coordinates, and the corresponding address
- A dynamic list display of the 10 closest stations within view
- The distance from the map center is displayed for each station
- A randomly generated quote to lift one's spirits
