Code Monkey home page Code Monkey logo

frontend's Introduction

Build Test & Deploy All Contributors

ParteiDuell Frontend

Ein "Jugend hackt"-Projekt von Jannik, Tamina, Liv, Dominique, Dominik, Max und Ole.

Als Teil des "Jugend hackt"-Workshops in Frankfurt am Main haben wir ein Quiz erstellt, welches der Spieler*in die Möglichkeit gibt, zu einer politischen Aussage zu raten, welche Partei sie gesagt hat.

Wir wollen Menschen unterhaltsam über Politik informieren und die Position der Parteien aufzeigen.

In unserem Datensatz vom Wahl-O-Meter sind alle Daten des Wahl-O-Mat zu Landtagswahlen, Bundestagswahlen und Europawahlen zwischen 2002 und 2017 angegeben.

Das Frontend-Projekt wurde mit create-react-app gebootstrapped.

Sollte jemand Interesse daran haben, dieses Projekt lokal aufzusetzen, sollte zusätzlich das Backend geklont werden.

Server lokal starten

  1. Node.js installieren

  2. Frontend lokal klonen git clone https://github.com/Parteiduell/frontend.git

  3. Ordner wechseln cd frontend

  4. Abhängigkeiten installieren yarn install

  5. Server starten yarn start

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Nico Finkernagel
Nico Finkernagel

💻 🚧 🚇
redsolver
redsolver

💻
jnnkB
jnnkB

💻 🎨
Smaxs2001
Smaxs2001

💻 📖
Liv
Liv

💻 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!

frontend's People

Contributors

allcontributors[bot] avatar codedust avatar dependabot-preview[bot] avatar dependabot[bot] avatar gruselhaus avatar jnnkb avatar kreerc avatar livgm avatar marvinborner avatar privateger avatar redsolver avatar smaxs2001 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

codedust

frontend's Issues

Add images for other parties

I think we need to change the webpack configuration for this to support other files than svg's. This could be done by setting the env variable IMAGE_INLINE_SIZE_LIMIT to zero.

Toggle Dark Mode

@jnnkB kannst Du irgendwie ne Möglichkeit schaffen, dass der Dark Mode nicht Default ist, sondern erst aktiviert werden muss?

Logo

I like the original logo but maybe we could change it up a little and incorporate a bit more into the website? Feels kind of weird to just have it in the footer as a picture.

Words with length that exceeds page width

when a word is too long (at least in the mobile version), it is not broken up into lines but rather stays on a single line which makes the formatting look odd and the user has to scroll to the side to see the entire word
Screenshot_20200215-203840

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.