🎮 Tic Tac Toe Game Project I’m excited to share my Tic Tac Toe game built using HTML, CSS, and JavaScript! This project recreates the classic 3×3 grid game where two players take turns marking X and O, with automatic winner detection and reset features. ✨ Key Features: Interactive and responsive 3x3 game board Two-player mode (X vs O) Winner and draw detection Clean, simple, and user-friendly interface 🧠 What I Learned: Hands-on experience with JavaScript logic building Improved DOM manipulation and event handling skills Enhanced understanding of front-end web development 🚀 Next Steps: I plan to add an AI opponent, scoreboard, and sound effects to make the game even more fun! #HTML #CSS #JavaScript #WebDevelopment #GameDevelopment #TicTacToe #CodingProjects #Frontend

🐍 I recently built a classic Snake Game using HTML, CSS, and JavaScript — from scratch! This version includes some features like: ✅ Live Score Counter 🏆 High Score (stored in localStorage) ⏱️ Timer to track your gameplay duration 🔁 Restart Option after Game Over 🎨 Clean and responsive UI It was super fun revisiting this classic logic game — a perfect mix of DOM manipulation, game loop logic, and timing functions in JavaScript. 💻 Tech Stack Used: HTML for structure CSS for styling and grid layout JavaScript for game logic, timer, and controls 👉 Check out the video demo below! #HTML #CSS #JavaScript #WebDevelopment #Frontend #CodingJourney #GameDevelopment #SnakeGame #LearningByDoing

💥 Bubble Pop Madness — My First JS Game! 🎮 I turned a simple idea into a fun little challenge — a Bubble Game made completely using HTML, CSS & JavaScript! 😍 Try it out here 👉 https://lnkd.in/gDZHWACR You get 20 seconds ⏱️ to hit the correct bubble (a random number challenging you each time), gain points for each correct click, and lose points for a wrong one. Each click updates your score instantly and reshuffles the bubbles — super addictive! This project helped me dive deep into how game logic, DOM manipulation, and event handling work together for real-time interactivity. It’s a small project but taught me that with just core web tech, you can build something dynamic and fun! 💡 💬 I’d love to hear your thoughts, ideas or suggestions to make it even better! #Coding #JavaScript #FrontendFun #GameDevelopment #WebDevJourney #LearnByBuilding #HTML #CSS #FrontendDeveloper #Programming

I recently built "Simon Says" Game 🎮 🎮, using JavaScript, CSS and HTML. This project helped me understand how to make web pages interactive and dynamic through DOM manipulation. While developing it, I worked with : 🔹 DOM Events – to detect user clicks and match them with the generated game sequence. 🔹 setTimeout() / setInterval() – to create the flashing color patterns. 🔹 Event Listeners – to control the player’s input and trigger the next game step. 🔹 Arrays & Conditions – to store and compare game patterns. code source : https://lnkd.in/eySXMdHN game link : https://lnkd.in/eS-jFuqX

🎮 We built a Tetris game in JavaScript! This project was a great experience — we challenged ourselves to build a full game using only pure JavaScript, HTML, and CSS, without any frameworks. We used the event loop(setTimeout) and requestAnimationFrame to handle game logic and smooth animations. A big thanks to Abdelilah Bouchikhi and ayoub lahmami for being awesome teammates throughout the project 🙌 🧩 Try it out here: https://lnkd.in/eddfNdHA 🎥 Check out the demo video below! It was an amazing journey exploring how game loops and rendering work from scratch. link to play the game https://lnkd.in/eKqtcrsU #JavaScript #GameDev #WebDevelopment #Tetris #Teamwork #CodingJourney

Thales Domingues Tip 👇 Finally, ⚛️ React has provided a way to access the latest props and states in effects (useEffect/useLayoutEffect) without causing re-renders. The useEffectEvent hook will help achieve this. The hook helps extract non-reactive logic from useEffect webhooks. Non-reactive logic refers to when we don't want to perform any action. The useEffectEvent hook wraps a callback function and returns an Effect Event function, and whenever it gets called, the function has access to the latest props and state. So, it won't trigger a re-render, unlike in the case of dependency arrays. But it's not the replacement of the dependency array, as that is usually required to trigger effects. You should try it in your workflow as per the use cases. #react #javascript #frontend #hooks

🎮 Tic-Tac-Toe Web Application Project ✨ Just built a fun and interactive Tic-Tac-Toe Game using HTML, CSS, and JavaScript! This project lets two players compete directly in the browser with a clean, modern UI and real-time results. 💡 What it does: ✅ Two-player gameplay (X vs O) ✅ Detects wins, losses, and draws ✅ Instant status updates ✅ Restart option for new matches Through this project, I learned how to handle DOM manipulation, game logic, and event-driven programming in JavaScript — all while keeping the interface simple and responsive. This was a great experiment to understand how logic and design work together in front-end development! #WebDevelopment #JavaScript #HTML #CSS #TicTacToe #FrontendProject #CodingJourney #MiniProject https://lnkd.in/gqd_8Yvs

🌟 Excited to share my latest project — a Simon Game built using HTML, CSS, and JavaScript! This game tests your memory by repeating color patterns that you have to follow in sequence. 💻 Best experienced on a laptop or desktop (not optimized for mobile phones). 🧠 Through this project, I learned how to use: Event listeners in JavaScript Arrays and functions for game logic DOM manipulation and animations Local storage to track the highest score 🔗 Play the game here: https://lnkd.in/dTTDTDBW 💻 GitHub Repository: https://lnkd.in/dPD4Sf4Y I’d love your feedback and suggestions to make it even better! 😊 #JavaScript #WebDevelopment #Frontend #CodingJourney #BScIT #ProjectShowcase #WomenInTech

A Multi-Framework Library for Beautiful Analog Clocks - Clock UI Clock UI: a JavaScript library for rendering animated analog clock components in web applications. It works with vanilla JavaScript, React, and Vue using a consistent API across frameworks. Key features: Real-time updates with optional smooth sweep animations Built-in timezone support using IANA identifiers Extensive customization through CSS custom properties TypeScript definitions for type safety Zero external dependencies The library handles both static time displays and live updating clocks with automatic cleanup and lifecycle management. 👉 Blog Post 👉 GitHub Repo 👉 Live Demo https://lnkd.in/gHcAxu7R

A Multi-Framework Library for Beautiful Analog Clocks - Clock UI Clock UI: a JavaScript library for rendering animated analog clock components in web applications. It works with vanilla JavaScript, React, and Vue using a consistent API across frameworks. Key features: Real-time updates with optional smooth sweep animations Built-in timezone support using IANA identifiers Extensive customization through CSS custom properties TypeScript definitions for type safety Zero external dependencies The library handles both static time displays and live updating clocks with automatic cleanup and lifecycle management. 👉 Blog Post 👉 GitHub Repo 👉 Live Demo https://lnkd.in/gHcAxu7R