Introduction

My name is Joel Mukanya. Thank you for this opportunity to work on a new frontend challenge, version 24.07.24, with the theme "CSS Art and Glam Up My Markup.". (https://dev.to/challenges/frontend-2024-07-24)

Inspiration

One of the tasks was to design something related to our leisure activities, and playing chess is one of mine. I've wanted to learn chess since childhood, but other commitments kept me from pursuing it until July 23, 2023, when I signed up for chess.com. Since then, I've been playing regularly. What I enjoy most is creating my openings in chess.

Demo

Here is my repo link: GitHub Repository

Here is the hosted link: Live Demo

Journey

I already have experience in web development and other areas, so creating a chess game helped me understand the logic of the game and learn how to use JavaScript to check the coordinates of each piece. Unfortunately, I wasn’t able to complete the project.

HTML 5

Make use of navigation to allow users to navigate between sections (about and chess)
On the website’s footer, I include a copyright

CSS 3

I used CSS 3 to create custom variables and properties. I also utilized grid, subgrid, and flex layouts. Including animation

Javascript

I used JavaScript to create a recursive function and manipulate the DOM.