Giter Club home page Giter Club logo

hangman_angular1_5's Introduction

Hangman with Angular 1.5 (components) & ES6

These app is a minimalist hangman game. It demonstrates the use of Anglular components introduced in 1.5 version. It also uses ES6 convention to produce a much cleaner/functionnal code.

1. Installation

  • Clone the github repository :
git clone https://github.com/perscrew/hangman_angular1_5.git
  • Launch npm install to retrieve dependencies
npm install

2. Launch the app

  • Run gulp build task to build js assets
gulp build
  • Run gulp serve task to start the app in your browser
gulp serve

3. Use the app

When you launch the app you arrive on the welcome page. You need to seize a pseudo in order to start the game.

Welcome page

Once the pseudo is inquired you can start to play. You must seize a letter in order to discover the hidden word.

Game page

If you find all the hidden letters you will be redirected to a congratulations page.

Won page

If you don't find all the hidden letters with the 6 tries you will be redirected to a game over page.

Game over page

4. Potential enhancements

The app could be improved regarding the underneath points :

  • Minify bootstrap and custom css with a gulp task (gulp-clean-css)

  • Minify js with babel-plugin-uglify

  • Create an angular component for the different input fields (ex : editable-field )

  • Create an angular config module to store the nb retry parameter.

  • Implement a rest service to generate true random word. (ex: A nice node express rest back-end connected to mongodb :p)

hangman_angular1_5's People

Contributors

perscrew avatar

Watchers

 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.