Joel&#s Favorite Recreation

PHPz
Release: 2024-08-06 01:41:22
Original
710 people have browsed it

Joel

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.

The above is the detailed content of Joel&#s Favorite Recreation. For more information, please follow other related articles on the PHP Chinese website!

source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!