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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more