app 17 of 30
app link: will130785.github.io/hangman…
I decided to make a hangman game and here it the result. Ended up going for a playing on a scrap of paper kind of feel.
The biggest challenge with this was updating and displaying the letters that have been matched with the ones that still have not.
github repo: github.com/Will130785/hangma…
#30appschallenge #30appchallenge #100daysofcode #javascript #html #css3 #softwaredeveloper #webdeveloper
app 16 of 30
app link: codepen.io/will130785/full/N…
Here is an example of a cinema seat booking application that I put together on codepen. Seat prices change depending on the movie that is selected and adds up the total based on seats booked.
The seats selected are also persisted to local storage
#30appschallenge #30appchallenge #100daysofcode #webdeveloper #softwaredeveloper #javascript #html #css
app 15 of 30
applink: will130785.github.io/custom-…
I have never made a custom video player before so thought I would give it a go. Styled using html and css with JavaScript used for the video players functionality.
#30appchallenge #100daysofcode #html #css #javascript
app 14 of 30
app link: will130785.github.io/snake/
I had a go at building the classic snake game and I am pretty happy with the outcome. The game levels up after every five apples and the speed of the game also increases with each level up.
This game requires a keyboard so won't work on a mobile device at the moment.
github repo: github.com/Will130785/snake
#30appschallenge #30appchallenge #100daysofcode #javascript #webdeveloper #softwaredeveloper #javascriptdeveloper #html #css
app 13 of 30
app link: codepen.io/will130785/full/N…
I put together a quick example of a form with validation on codepen. User is required to enter a username, email address and password and will be alerted if their input does not meet the validation requirements.
Working on a couple of bigger projects so will be posting a number of smaller applications this week.
#30appschallenge #30appchallenge #100daysofcode #javascript #validation #webdeveloper #softwaredeveloper
app 12 of 30
app link: will130785.github.io/pacman/
I got this idea from @ania_kubow and thought I would give it a go. It was tough and I haven't got around to making the ghosts movements a bit more logical but I had great fun building this.
Looking forward to refactoring and improving the code in the future
github repo: github.com/Will130785/pacman
#30appschallenge #30appchallenge #100daysofcode #pacman #javascript #softwaredeveloper #webdeveloper #html #css
Replying to @X
@Twitter app 11 of 30
app link: willconstable.com
This one took a little longer than what I had planned but I have updated my portfolio website. Probably learnt more from building this than I have any other application.
Replying to @X
@Twitter app 10 of 30
app link: will130785.github.io/keyboar…
I have been working non stop on my new portfolio site for the last few days but wanted to get something posted up today. I found a little extra time to put together this key board value app.
app 9 of 30
app link: will130785.github.io/memory-…
Really enjoyed building this memory card game. Loads of logic to work out and a great way to strengthen my JavaScript skills.
Features
- 16 card grid with 8 matches to make
- Timer to track how long it takes to finish a game
- Move counter that tracks the amount of moves a player takes
- Shuffle function to randomise the cards
github link: github.com/Will130785/memory…
#30appschallenge #30appchallenge #100daysofcode #memorygame #html #css #javascript #babel #parcel #sass #webdeveloper #softwaredeveloper
Replying to @X
@Twitter app 8 of 30
app link: gifted-wiles-41654d.netlify.…
github repo: github.com/Will130785/github…
#30appchallenge #30appschallenge #github #parcel #babel #es6 #es6modules #mvc #webdeveloper #softwaredeveloper #api
Today I have bulit a github user profile search application that will return the first match to what is typed into the text input. I used parcel to bundle my components and build a distribution directory along with babel to transpile to es5 syntax. The app features the following:
Replying to @X
@Twitter app 7 of 30
github.com/Will130785/notes-…
Here is app number 7, a notes application built with bootstrap
#30appchallenge #30appschallenge #javascript #nodejs #expressjs #mongodb #passport #heroku #fullstackdeveloper #softwaredeveloper
