CATEGORY - UX/UI & Web Development

SOFTWARE - HTML, CSS, JavaScript

ROLE - UX/UI DESIGN, ART DIRECTION & FRONT-END DEVELOPMENT

TECHNOLOGIES - HTML, CSS, JavaScript, EJS, Node.js, Express.js

TOOLS - Draw.io, Visual Studio Code, Trello

Concentration:

DETROIT CITY EDITION



Concentation iPad Mockup

As my first app I’ve ever coded, Concentration: DETROIT CITY EDITION is a unique rendition of the classic memory game called 'Concentration'! In this version, the user has the liberty of exploring the beautiful attractions that Detroit City has to offer through the game's images!

Concentation iPad Mockup

Select two tiles in hopes of finding the perfect match! In this 16-tile board game, collecting a total of eight matches grants you a win! However, a total of 8 wrong guesses willl result in a hard loss. By clicking 'Shuffle', you are able to reset the board and try again! Click 'Play!' to begin!

Concentation iPad Mockup
Concentation iPad Mockup
Concentation iPad Mockup

Ready to test your Detroit knowledge? Let’s play!

1. HIT “PLAY!”
Start the game and get ready to put your memory to the test!

2. FLIP 2 TILES
Choose two tiles per turn and see if you can find a match.

3. COLLECT 8 MATCHES
Match all 8 pairs to claim the win! 🏆

4. WATCH YOUR PICKS!
Rack up 8 wrong picks and it’s GAME OVER! 😬

5. WANT A FRESH START?
Hit “SHUFFLE” to mix things up and play again.

I'll give it a try!

“Where creativity meets code, ideas come to life.”