https://github.com/platypew/tiktok-youth-camp-hangman

A simple hangman game powered by ReactJS!
https://github.com/platypew/tiktok-youth-camp-hangman

Last synced: 3 months ago
JSON representation

A simple hangman game powered by ReactJS!

• Host: GitHub
• URL: https://github.com/platypew/tiktok-youth-camp-hangman
• Owner: PlatyPew
• License: agpl-3.0
• Created: 2022-04-30T10:06:52.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-28T01:55:18.000Z (almost 3 years ago)
• Last Synced: 2025-01-08T10:45:02.338Z (4 months ago)
• Language: JavaScript
• Homepage: https://platypew.github.io/TikTok-Youth-Camp-Hangman/
• Size: 2.14 MB
• Stars: 0
• Watchers: 0
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TikTok Youth Camp Hangman Project

![deploy](https://github.com/PlatyPew/TikTok-Youth-Camp-Hangman/actions/workflows/react.yml/badge.svg)

## Content

-   [The Team](#the-team)

-   [Short Description](#short-description)

-   [Directory Tree](#directory-tree)

-   [Instructions](#instructions)

-   [Project Report](#project-report)

## The Team

-   [@PlatyPew](https://github.com/PlatyPew)

-   [@asterblaster](https://github.com/asterblaster)

-   [@cnjoanne](https://github.com/cnjoanne)

-   [@huijuank](https://github.com/huijuank)

-   [@varunteja32](https://github.com/varunteja32)

## Short Description

This hangman game is powered by ReactJS and uses the TailwindCSS framework. It allows the player to guess a word, given a category and 9 failure attempts. The streak score of the player will be calculated.

### Screenshots

![phone](doc/screenshots/phone.png)

![tablet](doc/screenshots/tablet.png)

![desktop](doc/screenshots/desktop.png)

### Video

[![TikTok Hangman Project](https://res.cloudinary.com/marcomontalbano/image/upload/v1653701601/video_to_markdown/images/youtube--AxaYkcasI_s-c05b58ac6eb4c4700831b2b3070cd403.jpg)](https://youtu.be/AxaYkcasI_s "TikTok Hangman Project")

## Directory Tree

```

LICENSE

package-lock.json

package.json

postcss.config.js

public

├── favicon.ico

├── images

│  ├── asset-0.png

│  ├── asset-1.png

│  ├── asset-2.png

│  ├── asset-3.png

│  ├── asset-4.png

│  ├── asset-5.png

│  ├── asset-6.png

│  ├── asset-7.png

│  ├── asset-8.png

│  └── asset-9.png

├── index.html

├── manifest.json

└── robots.txt

README.md

src

├── App.css

├── App.js

├── App.test.js

├── index.css

├── index.js

├── Keyboard.css

├── Keyboard.js

├── logo.svg

├── Phrase.css

├── Phrase.js

├── reportWebVitals.js

├── setupTests.js

└── WordBank

   ├── aroundthehouse.js

   ├── beforeandafter.js

   ├── event.js

   ├── fictionalcharacter.js

   ├── foodanddrink.js

   ├── funandgames.js

   ├── inthekitchen.js

   ├── landmark.js

   ├── livingthing.js

   ├── movietitle.js

   ├── occupation.js

   ├── people.js

   ├── place.js

   ├── randomword.js

   ├── thing.js

   └── whatareyoudoing.js

tailwind.config.js

```

The key JavaScript and CSS files used during development of the hangman game can be found [here](src/)

## Instructions

#### Hosted website

The hangman game is hosted on GitHub pages Visit [this link](https://platypew.github.io/tiktok-youth-camp-hangman/) to start playing the game immediately.

#### Available scripts

To run the hangman game in the development mode, run the command `npm start`.

To create a production bundle for the hangman game, run the command `npm run build`.