Git Product home page Git Product logo

co2-rechner-tu-darmstadt-frontend's Introduction

Frontend des CO2 Rechners der TU Darmstadt

Hierbei handelt es sich um das Frontend des CO2 Rechners, welcher im Rahmen des Bachelorpraktikums für das Büro für Nachhaltigkeit und das Institut für Fluidsystemtechnik entwickelt wurde.

Dieses Projekt ermöglicht eine Erfassung von CO2 Emissionen von TU Einheiten und die anschließende Auswertung.

Implementierte Funktionen

  • Nutzendenverwaltung
  • Umfrageerstellung für Verantwortliche von TU Einheiten
  • Befragung von Mitarbeitenden der eigenen TU Einheit
  • Verwaltung und Bearbeitung von erstellten Umfragen
  • Auswertung von Umfragen und Teilen der Umfrageergebnisse
  • Administrative Schnittstelle an Datenbank zum Eintragen von Daten
  • Einsicht aller vorhandenen Umfragen durch administrative Benutzende

Verwandte Projekte

Das Frontend kann nicht unabhängig betrieben werden.

Das Backend, welches als Controller und Schnittstelle zur Datenbank dient, ist hier einsehbar: Github
Die Interaktionen zwischen Frontend und Backend sind in einer REST artigen API definiert, welche hier eingesehen werden kann: Github

Abhängigkeiten

Der CO2 Rechner verwendet folgende Abhängigkeiten, um die Funktionalität bereitzustellen:

Entwicklungssetup

Das Projekt wurde mit der Vue CLI v4.5.15 erstellt.

Im Backend Repository ist eine Docker Compose File gegeben, die folgende Container enthält:

  • MongoDB als Datenbank
  • NGINX als Webserver und Reverse Proxy
  • Keycloak zur Authentifizierung und Kommunikation mit externen Diensten
  • Postgres als Datenbank für Keycloak

Das Frontend und Backend müssen unabhängig von der Docker Compose lokal gestartet werden. Die default Konfiguration erwartet das Frontend unter localhost:8081 und das Backend unter localhost:3000.

Installation von allen Abhängigkeiten über Paketverwaltung npm.

npm install

Entwicklung mit Hot Reload der Anwendung

npm run serve

Build der Anwendung

npm run build

Linter zur Entwicklung

In der Entwicklung haben wir den Linter ESLint verwendet, welcher Javascript code analysiert und gängige Probleme automatisch korrigiert, sodass die Code einer einheitlichen Struktur entspricht.

npm run lint

co2-rechner-tu-darmstadt-frontend's People

Contributors

tobias512 avatar felix-marx avatar anhilly avatar tobnie avatar marschlin avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.