jnystromdesign / hangedman-fullstack

Exemple of a fullstack game of The Hanged man

Hanged man game

This is an assignment where I'm demonstrating my knowledge within the JS echo system.

Tech stack

The is a mono repo using pnpm as package manager, and has a backend app in node and a frontend app that's using React.

Backend

• Buildtool: EsBuild
• Server: Fastify
• Ts-node for compilation of typescript

Frontend

• Buildtool: Vite
• Dependencies:
  • Axios: Request

Hangedman types

• Just a demonstration of how to share types between frontend and backend

Get started

Installation

1. Make sure you got pnpm installed by checking your version with the command pnpm -v. If it's not installed run the by running brew install pnpm on Mac. Installation for Windows user
2. Run pnpm i to install dependencies for the project

Development

0. Go to /apps/backend and copy the exemple.env to .env and replace the value for API_KEY an API key from [https://api-ninjas.com/profile](this service for random words). Also add a minimum 32 character string for SESSION_KEY.
1. Run pnpm dev to start frontend and backend app.
2. Visit http://localhost:1337

Build

From the root of the project:

1. Run pnpm run build to build frontend and backend app.
2. Run pnpm run start to start frontend and backend app.
3. Visit http://localhost:8080. (Backend is available on http://localhost:3000)

Clear data from App

Run pnpm run prune:stack which will remove the data from the backends json DB.