Giter Site home page Giter Site logo

manhang's Introduction

MANHANG

Overview

Manhang is an implementation of the popular game (you guessed it) Hangman. The game consists of guessing a word that another player, the computer in this case, has selected. For this implementation, the user will have 6 chances to guess the word. The user will have the ability to select a new word and to select whether to play with phrases instead of words. Correct or missed selections will be displayed with the green or red color respectively.

Deployed Site

Manhang on Heroku

Setup

Prerequisites

Node.js is required in order to run the application locally. To install Node, follow the istrunctions at the downloads page.

Installation

  • Clone or download the folder

  • Change to folder directory: cd ~/manhang

  • Install dependencies: npm i

  • Start application: node app.js

  • Server should now be listening on port 3000 (dafault).

  • Visit browser on localhost:3000 (default)

Features

I have included several features in this project as a way to make the game a bit more appealing. Some of these features are:

  • Ability to choose from either word or phrase mode.

  • Display word or phrase defintions at end of game.

  • Drawing a figure to higlight remaining trials.

  • Implementation of difficulty, min and max word lengths, through the provided Reach API. These are also disabled when phrase mode is selected.

Featured APIs and technologies

  • Canvas API: Display drawing.

  • Dictionaries: Use of Oxford and Merriam-Webster APIs to search for the meaning of the words once the game is finished, if the word is not found, a messag esaying "No definition found" is displayed.

  • Modules: JavaScript modules using import and export statements to help with code maintenance and clarity.

  • Fetch API: Requests data from web server.

  • Responsive design: Using flexbox, to adjust screen to different sizes.

Built With

  • JavaScript - A high-level, interpreted programming language that conforms to the ECMAScript specification.
  • Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
  • Express.js - Fast, unopinionated, minimalist web framework for Node.js

Other Resources


manhang's People

Contributors

irv-codesquad avatar

Stargazers

tningjs avatar

Watchers

James Cloos avatar Irving Angulo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.