Games · Web game
Tic Tac Toe: a front-end mini-game built with HTML, CSS and JavaScript.
Tic Tac Toe is a front-end mini-game built with HTML, CSS and JavaScript from an interface-oriented mockup.
The project emphasizes the readability of the board, the visual handling of turns and a simple execution to play quickly in the browser.
This project shows my ability to turn a game rule into code and to orchestrate the three layers of the web: structure in HTML, appearance in CSS and behavior in JavaScript. Managing the state of the board, validating moves and signaling the win at the right moment is exactly the kind of interactive logic I set up on larger interfaces. A short exercise, but representative of the way I write clean front-end code.
Game logic in JavaScript
Turn management, recording of each move and automatic detection of the winner by going through the winning combinations.
HTML / CSS integration
The tic-tac-toe board and its styling are built in HTML and CSS for a clear and readable interface in the browser.
Browser-side interaction
The game reacts immediately to each click and is played directly in the page, with no reload or installation.
Additional previews
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.