Giter VIP home page Giter VIP logo

bratenbankfrontend's Introduction

Webanwendung Bratenbank - Frontend

Hochschule RheinMain - Medieninformatik - Webbasierte Anwendungen - Sommersemester 2020
Projekt von Sandra Kiefer (bei Prof. Dr. Wolfgang Weitz)

Beispielbild der Backend Webanwendung

Installation und Startanweisungen

$ git clone https://github.com/sandrakiefer/BratenbankFrontend.git
$ npm install (Verwendete Packete = @vue/composition-api, @fortawesome/fontawesome-free, bulma, @stomp/stompjs)
$ npm run serve

Klonen Sie das Projekt in ein beliebiges Verzeichnis von Ihnen, bauen Sie das Projekt und starten Sie es mit dem Packetmanager npm. Die Anwendung läuft dann zu Testzwecken auf ihrem Localhost unter Port 8080 (aufzurufen unter http://localhost:8080/).
Damit die Webanwendung auf die Daten aus dem Backend zugreifen kann folgen Sie bitte den Anweisungen im Repository BratenbankBackend und haben diese während der Verwendung des Frontends am laufen.

Übersicht der Pfade und deren Funktionalität

  • /liste Echtzeit Übersicht der momentan angebotenen Braten
  • /chat Öffentlicher Community Chat zum Austausch mit anderen Anwendern

Projektbeschreibung

In der aktuellen Situation ist gegenseitige Unterstützung besonders wichtig, unabhängig davon ist die Vermeidung von Verschwendung ein laufendes Anliegen. Informationssysteme können dabei helfen.

Die Bratenbank ist eine Plattform, auf der Benutzer übrig gebliebenen Braten anbieten, und andere Benutzer danach suchen können.
Dieses Repository beinhaltet das Frontend, welches sich um das Anzeigen der Daten aus dem Backend kümmert. Verwendet wird dafür die REST-Schnittstelle. Bei Änderungen im Backend aktualisiert sich automatisch das Frontend. Außerdem steht den Benutzern ein Community Chat zum gemeinsamen Austausch, eine Suchfunktion und ein Vegetarizitätsrechner zur Verfügung.

Demonstrationsvideo

Ein kurzes Demonstrationsvideo finden Sie unter demovideo.mp4 im Repository oder unter Link zu YouTube

bratenbankfrontend's People

Contributors

sandrakiefer avatar

Stargazers

 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.