Mostafa Nasar

tools

HTML

CSS

JavaScript

Projectbeschrijving

Electro is een interactieve webapplicatie die gebruikers in staat stelt hun energieverbruik te monitoren en beheren. De applicatie biedt informatie over de lichtsterkte in huis, energiekosten, en temperatuurmetingen. Deze applicatie is ontworpen voor zowel huishoudens als bedrijven die inzicht willen krijgen in hun energieverbruik en de effecten daarvan op het milieu.

Live website GitHub

Hoofdinhoud

Dashboard

Een overzicht met vier iconen voor Home, Weer, Energie en Instellingen.

Hoofdinhoud

Home

Lichtsterkte-instellingen voor de woning, en een diagram dat het energieverbruik van licht, water en verwarming weergeeft.

Hoofdinhoud

Weer

Informatie over buiten- en binnentemperaturen, windsnelheid, windrichting, en opgang/ondergang van de zon.

Hoofdinhoud

Energie

Een staafdiagram dat het energieverbruik van apparaten toont, met de mogelijkheid om dit te veranderen.

Hoofdinhoud

Instellingene

Mogelijkheid om het thema te wisselen tussen licht en donker, en diagramweergaven aan te passen.

Uitdagingen

Dit project was mijn eerste ervaring met het werken met een API. Het was een uitdaging om de gegevens correct te integreren en te visualiseren. Door veel te oefenen en hulpbronnen te raadplegen, heb ik geleerd hoe ik API-gegevens kan verwerken en weergeven in mijn applicatie.

Reflectie

Dit project heeft mijn vaardigheden in webontwikkeling aanzienlijk verbeterd. Ik heb geleerd hoe ik real-time gegevens kan integreren, gebruikersinterfaces kan ontwerpen, en de gebruikerservaring kan optimaliseren. Deze ervaring heeft mijn interesse in webontwikkeling en data-analyse verder aangewakkerd.