DEV Community

Cover image for Joel's Favorite Recreation
Joel Mukanya
Joel Mukanya

Posted on

Joel's Favorite Recreation

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.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay