Skip to content

owen-od/weathertop-ictskills1

Repository files navigation

WeatherTop

About the project

It is a web application, which functions as a companion application for a modular weather station called the WeatherTop 1000.

The web app has simple start, register and login pages/views when the app is first opened. When members log in they are presented with a dashboard where they can view the latest weather readings for all the stations associated with their account. Each location is displayed on a map (using Leaflet).  Members can also add and delete stations. Members may open any particular station to get a view of all the weather readings for the station. Members can also add and delete readings manually, or auto generate a reading from OpenWeather API. There is a simple about page presenting some information about the app and the team. Finally members may make use of the account page to edit their details.

Built with

Node js(v.14.17.1) and Express js(v.4.17.1) are used to build the web application.

The Fomantic-UI framework is also used in the project.

The project is deployed with Glitch.

Code

The code on the back end is in the javascript. HTML, CSS, and some javascript, are used on front end. The Fomantic-UI framework and handlebars templating language are also used throughout the project.

Sources

All of the images on the site come from Pixabay

For converting wind directions to compass directions: source

To get the footer to stick to the bottom of the page when the content did not take up all of the page: source

To sort stations in alphabetical order: source

To round numbers in javascript: source

For using maps in javascipt: source

Acknowledgments

Thanks to Eamonn de Leaster for the excellent lectures and tutorials.

Contact

Contact me at [email protected]