/der-die-das-game

My capstone project for the Neuefische Web Development Bootcamp. Developing a der, die and das game where you can practice the German noun prepositions in a fun way. Designed for mobile.

Primary LanguageJavaScript

Der, die & das Game

Screenshot 2020-12-11 at 22 03 09

The App

Are you struggling to learn the prepositions for the German nouns? You never have an idea if the noun is der, die or das? Do you struggle to find some good excercises where you could practice more nouns than 10? I had the same struggle and decided to create this simple game where you can practice more than 100 000 German nouns and their prepositions, meanwhile having fun.

Screenshot 2020-12-21 at 17 09 33

Screenshot 2020-12-21 at 17 13 23

Demo

You can try out the app here: Der, die & das

The app is currently only supported as a mobile version.

Tech Stacks:

  • JavaScript
  • React
    • React Hooks
    • Styled Components
    • PropTypes
    • Framer Motion
    • React Router
  • Styleguidist
  • Node.js
  • Express.js
  • Mongoose
  • MongoDB
  • Jest
  • React Testing Library
  • Cypress
  • Heroku

Project Setup

  1. Clone this repository.

  2. Install all npm dependencies

    npm install

  3. To run the app in development mode npm run dev, then open http://localhost:3000 to view it in the browser

  4. To run Styleguidist npm run styleguidist

  5. To run unit and component tests go into the client folder and run npm test

  6. To run Cypress tests npm run cypress:open

  7. To create a deployment ready version of this app run npm run start