Cspeisman / elmChallenges

A learning project for Elm programming language

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

this has been forked from https://github.com/pdamoc/elmChallenges. All files prefixed with my- are my solutions. All other files are the original author's solutions.

elmChallenges

This is a learning project that provides some interesting challenges for the Elm programming language, intended to be completed after reading the Elm Architecture Turorial.

The challenges are provided by Gil Mizrahi.

Challenge No. 1

Create a program that does the following:

The program will print "Right" in the middle of the screen if the mouse cursor is on the right half of the screen or will print "Left" instead in middle of the screen if the mouse cursor in on the left half of the screen. Try to add different background and foreground colors as well :) also, resizing the browser window should not break the application.

Challenge No. 2

Write a program that fills the screen with small blue circles, produced (pseudo) randomly and over time (choose how much time to wait between generating a new circle).

Challenge No. 3

Add two new abilities:

  • when the 'P' key on the keyboard is pressed, pause the generation of new circles and when pressed again, resume.
  • when the 'R' key on the keyboard is pressed, reset and start the animation from the beginning.

Extra: try to add two buttons which will do the same things as 'P' and 'R'.

Challenge No. 4

Write a program that asks the user for a Github username (from a text field) and displays this user's name, avatar and lists his/her repositories. Fetch the information only after the user stops typing for one second.

Challenge No. 5

Write a snake clone. Make it save the top score for each user using local storage. Make it possible to start the game again without refreshing the page.

Challenge No. 6

With the previous challenge, sepparate the high score from the rest of the application in its own module so it can be reused in another game. Separate the game into its own module so it can be loaded from another application.

About

A learning project for Elm programming language


Languages

Language:JavaScript 92.4%Language:Elm 7.4%Language:HTML 0.2%