OpenTechSchool-Leipzig / heimspiel

Your daily life in isolation - gamified #WirVsVirus
https://heimspiel.herokuapp.com/
1 stars 0 forks source link
bulma typescript vuejs wirvsvirus-hackathon

Heimspiel

Did you ever win at undercover plant watering or at hanging up laundry in rainbow colors? Turn your daily tasks into quests and have more fun in everyday life!

Try it out: https://heimspiel.herokuapp.com/

WirVsVirus Hackathon

This project was built during the WirVsVirus hackathon.

Link to the project description (German only)

Link to the hackathon

Technologies used to build this project

Frontend technologies:

Backend technologies:

The backend code can be found here

Setup

prerequisites

How to run the page locally

yarn install

yarn serve

Projects starts at http://localhost:8080/

Contribution

Everyone is invited to join working on the project and we try our best to keep it as beginner friendly as possible. So if you just finished your fist Vue tutorial, you got all it takes to get into it :blush:

If you want to contribute to the project please check our existing issues first. And when you like to work on an issue let us know through a comment. If you want to dive in deeper or bring your own ideas to the project, please reach out to us in the #wirvsvirus channel on the OpenTechSchool Slack workspace.

Documentations and Tutorials

We started building the App with Vue and typescript, wich workes best with "class-style" Vue components. We are also using SCSS in our Vue components, which allows nesting, variables and mixins in our CSS. But both is completly optional and you could definitly add components with the default Vue setup and vanilla JS and CSS.

Following some ressources to help you start working on Heimspiel.

Vue

One of the central reasons for Vue's success is it's great documentation. Make sure to check out the guide, cookbook and API section there :blush:

Vue and Typescript

SASS / SCSS