tazdecoder / forest-adventure

A text-based adventure game based on a mist forest

forest-adventure

An text-based adventure game based on a forest

forest-adventure's Issues

Create TextBlock component

What this component needs to do:

• Render text given to it via props
• Render suitable animations (i.e. how the text is displayed to the user)
• Render action button to provide the user at least one option depending on props supplied

Also, be sure to style this component with at least some CSS - don't worry about colour for now!

Create Layout component

Component wraps children JSX elements and has a Header component.

Header component needs to have:

• Button to stop/pause the game - this need to open a modal which the user can interact with to resume the game
• Icon that displays sun/moon depending on in-game time (e.g. display moon icon when in-game becomes night)
• Timer to keep track of how long a single game session is

In terms of CSS, it needs to have a "transparent" effect only when the game is "running" (i.e. not until the user starts a new game)

Create GameProvider component

This component is responsible for state of the game.

The context of the provider will need the following:

• isNight: boolean
• isPaused: boolean
• path: PathNode[ ]
• feedback: Feedback | null
• toggleIsNight: ( ) => void
• toggleIsPause: ( ) => void
• updatePath: ( node: PathNode ) => void
• setFeedback: ( feedback: Feedback ) => void

Note: interfaces such as "Feedback" and "PathNode" can be imported from the index entry file of the "interfaces" folder

Create Modal component

Just a generic component with message and action button included.