Wordsworm

Summary

Wordsworm is a small game designed to help users expand their vocabulary in a fun and interactive way. The UI uses german.

I developed it as a final project for a 4 weeks React course offered by Alfatraining. I undertook this project to demonstrate my proficiency in React and to deepen my understanding of it. We were given 5 days to complete the project.

Current state of the project

• All pages work

• Tested on Edge and Chrome

• tood

• Code and comments ne

Planned features

Implemented Functionality

• Play game with one or more players on same screen

  • Get random start words
  • Get praise and helpful advice on input of wrong or no words
  • Get praise on input of correct words ;-)
  • See the game results on game end page

• Create, rename, delete players

  • Get random default player names

• Navigate between pages

• Hold the state of the game while navigating between pages

  • Hold state during navigation in local storage

• Components of different pages can use code of central components and classes

  • Hold state on page in class instances
  • Component: GameProvider
  • Classes/Models: Player, PlayerList, FoundWords

Used technologies

I used the following technologies:

• React
• React Router
• React Hooks
• React Context
• React Bootstrap
• Local Storage

Features

• Feature 1: A brief description of the feature.
• Feature 2: Another brief description.
• ... (Fügen Sie alle Hauptfunktionen Ihrer App hinzu)

Getting Started

Prerequisites

• Node.js
• npm (usually comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/pstackebrandt/wordsworm-react.git

2. Navigate to the project directory:

   cd wordsworm

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

Visit http://localhost:3000/ in your browser, and you should see the Wordsworm app running!

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgements

• React
• TODO Any other libraries or tools you used.
• Mention people or organizations that supported/helped in the project.