hangman_skeleton_react

Table of content

• hangman_skeleton_react
  • Table of content
  • Template: React + TypeScript + Vite
    • Resume
      • Demo
      • Lighthouse test
        • Mobile
        • Desktop
    • Requirements
    • Run in development
    • Build the project
    • PWA
    • Local storage
    • Word generator (API)
    • Hangman images

Template: React + TypeScript + Vite

Resume

This is a React Project in Typescript to play a hangman game with a skeleton as visual. This project use also Axios to ba able to use an API that generate randomly a word. This project can handle two languages (English and French). The libraries used to help to create components are MUI (Material UI) and Emotion (styled) .

Demo

Click here to see the project live in your browser.

Lighthouse test

Mobile

Desktop

Requirements

1. Node.js

2. Git

Run in development

npm run dev

Build the project

npm run build

Take the files in the dist folder the command generated and host them in your server.

PWA

This project is a PWA. So you can use it as "application" in your mobile and/or computer desktop.

Local storage

The project store locally the dark theme preference and the language preference.

Word generator (API)

The project use an API to generate the words both in english and french.

The length of words are between 5 and 12 letters.

Documentation source: https://random-word-api.herokuapp.com/home

Hangman images

Image	URL
Knot	https://pixabay.com/fr/vectors/nouer-semparant-attelage-%C3%A9pissure-145493/
Skeleton	https://pixabay.com/fr/vectors/squelette-halloween-sorci%C3%A8re-corps-151170/