🚀 Just built my Tic Tac Toe game using HTML, CSS & JavaScript! As part of my JavaScript learning journey, I created a fully functional game that covers: 🎯 DOM Manipulation 🎯 Event Handling 🎯 Game Logic Implementation 🎯 Responsive UI Design This project helped me understand how real-world applications manage state, user interactions, and logic behind the scenes. ✨ Features: * Interactive 2-player gameplay * Win detection algorithm * Reset & New Game functionality * Modern mobile-inspired UI 💡 Next step: Planning to add an AI opponent and turn this into a smarter game. 🔗 Check out the project here: https://lnkd.in/gPVZPyK9 Would love your feedback! 🙌 #JavaScript #WebDevelopment #Frontend #LearningInPublic #Projects #100DaysOfCode #ApnaCollege

🚀 Built a Fully Functional Connect 4 Game using HTML, CSS & JavaScript! Excited to share my latest frontend project — a classic Connect 4 game developed completely from scratch 🎯 🔹 Tech Stack: • HTML – Structured the game board • CSS – Designed a clean and responsive UI • JavaScript – Implemented game logic & interactions 🔹 Key Features: ✔️ Two-player gameplay (Yellow vs Orange) ✔️ Smart piece drop (auto-falls to lowest empty slot) ✔️ Win detection: • Horizontal • Vertical • Diagonal & Anti-diagonal ✔️ Real-time turn updates ✔️ Clean and bug-free interaction This project helped me strengthen my understanding of DOM manipulation, event handling, and game logic design. Looking forward to adding more features like AI opponent, animations, and mobile responsiveness 🚀 💡 Feedback and suggestions are always welcome! #WebDevelopment #JavaScript #FrontendDevelopment #Projects #Coding #HTML #CSS #GameDevelopment #InternPe

🚀 Just built an improved version of my Tic Tac Toe Game using HTML, CSS, and JavaScript! In this version, I focused on enhancing both UI and game functionality to make the experience more interactive and user-friendly. 🎯 Key Features: Clean and modern UI with gradient background Distinct colors for X and O for better visibility Real-time score tracking system Winner detection with result display Reset functionality for continuous gameplay Fully responsive design for mobile devices 💡 This project helped me strengthen my understanding of DOM manipulation, event handling, and managing game logic in JavaScript. 🔗 Live Demo: https://lnkd.in/dTf_RWvZ I’m continuously improving my skills by building and upgrading projects step by step. #javascript #frontenddeveloper #webdevelopment #coding #projects #learning #html #css

🚀 Day 18 – Advanced JavaScript Game Project I’m excited to share my latest project: “Avoid The Box – Level 2” 🎮 This is an upgraded version of my previous mouse-avoidance game, now enhanced with more interactive features and improved gameplay mechanics. 🔹 Key Features: • Dynamic box movement with increasing difficulty • Real-time score tracking and countdown timer • High score system using local storage • Interactive sound effects for start, touch, and game over • Responsive gameplay with mouse and touch support • Smart positioning logic (box avoids UI sections) • Color-changing box on every interaction • Smooth UI with modern glassmorphism design 🌐 Live Demo: https://lnkd.in/gR9qkqVb 💻 Source Code: https://lnkd.in/gaHq9n-V This project helped me strengthen my understanding of DOM manipulation, event handling, game logic, and UI/UX design in JavaScript. I’m continuously working on improving my projects and building more interactive web experiences. Feedback is always welcome 🙌 #JavaScript #WebDevelopment #Frontend #Coding #Projects #30DaysOfCode #GitHub #GameDevelopment

Hello everyone! 👋 I'm developing an absurd Rube Goldberg-style circuit-building game, browser-based, using Three.js and JavaScript. 🎮 Features and Current Progress: I've integrated free assets from Kenney. I'm currently testing the selection of assets grouped by sub-levels (by name). The key feature is the "circuit editing mode": users can select any piece, drag it onto the screen, and manipulate it (rotate, scale, and move it along all three axes). Piece positions are saved using a lightweight backend. The game is in a very early stage, but since everything loads directly in the browser, no installation is needed! I plan to post regular updates here and hope you find the concept interesting! More content in my IG account: devpixelbytes #devpixlbytes #ThreeJS #JavaScript #RubeGoldberg #gamedev

🪝: useState and useEffect are 20% of what hooks can do. Here are the others that actually matter. Everyone knows useState and useEffect. Here are the hooks I use constantly that don't get enough attention: useReducer → When useState has more than 2-3 related values, switch to useReducer → Especially useful for form state with validation → The logic is predictable and testable useRef → Not just for DOM access — use it to persist values across renders WITHOUT triggering re-renders → Storing previous values, debounce timers, animation frame IDs → Massively underused useMemo → Cache expensive computation results → But remember: useMemo itself has a cost. Don't use it for cheap operations. useCallback → Stabilise function references passed to child components → Prevents unnecessary re-renders when used with React.memo useContext → Perfect for theme, auth, or language — data that truly IS global → NOT a replacement for proper state management when state is complex Custom hooks — the real power → Every time I write the same logic in 2+ components, I extract it to a custom hook → useWalletConnection, useFormValidation, useDebounce → Your components become clean. Your logic becomes reusable. The rule I follow: If a component is longer than 100 lines, I probably need a custom hook. What's your most-used React hook that isn't useState or useEffect? #ReactHooks #ReactJS #JavaScript #FrontendDev #useReducer #useMemo #WebDevelopment #CleanCode

🚀 Just built an advanced Tic Tac Toe Game using HTML, CSS, and JavaScript! This project helped me dive deeper into DOM manipulation, event handling, and game logic implementation. 🎯 Key Features: Dynamic player name input Real-time turn-based gameplay Winner detection with result display Automatic disabling of board after win New Game & Reset functionality Fully responsive design for mobile devices 💡 Through this project, I improved my ability to handle user interaction, manage game state, and build interactive web applications. 🔗 Live Demo: https://lnkd.in/d829cDrB⁠� I’m currently focusing on strengthening my JavaScript and frontend development skills by building real-world projects. #javascript #frontenddeveloper #webdevelopment #coding #projects #learning #html #css

I built infinite grass in the browser. And you can drive a Jeep through it. No, seriously. Open it on your phone right now and drive around. Here is what is actually happening under the hood: A 250x250 grid of grass instances rendered with InstancedMesh. As the Jeep moves, tiles at the back get recycled to the front. The grass never ends. The memory stays flat. The framerate holds. This technique is sometimes called a scrolling tile grid or infinite terrain chunking. It is the same idea behind open-world games where the world "loads" around the player. I just brought it to the browser with React Three Fiber and TSL (Three.js Shading Language). Big thanks to Bruno Simon whose video gave me the initial direction. I watched it, understood the concept, then built the whole thing myself (with a lot of AI assistance for the shader math, not going to lie). But the architecture decisions, the debugging, the "why is every blade of grass pointing straight up" moments at 2am? That was me. If you have been sleeping on React Three Fiber + TSL, this combo is genuinely exciting right now. TSL in particular makes writing custom shaders feel like actual JavaScript instead of a different language. https://lnkd.in/gDxisWsV #webdev #tsl #react #typescript

I didn't just rebuild Snow Bros. I remastered it. Vanilla HTML, CSS, and JavaScript. No engine. No framework. No dependencies. Just a canvas and way too many late nights. But this time I went further, better mechanics, smoother animations, improved effects, and a full glow-up on the feel of the game. Still retro. Still pixel-perfect. Just... better. And the best part? It runs on a toaster. Pure browser. Zero installs. What's inside Snow Bros: Rebuilt: 🎮 5 themed levels — blue night → purple dusk → amber cave → jungle boss → red volcano 👾 5 enemy types with unique behavior + a full boss fight ❄️ Snow throw, freeze states, chain-kill scoring 💥 Power-ups, lives system, animated UI 📱 Mobile-ready with a virtual joystick + touch controls 🔊 Web Audio API sound — no libraries, just code ⚙️ In-game settings panel for control customization The hardest part wasn't the enemies movement or physics. It was making it feel right that satisfying snowball wrap, the urgency when enemies speed up, the juice in every hit with sound effects. Games teach you things tutorials never will. You don't understand a game loop until your FPS tanks. You don't understand event handling until keyboard and touch have to work together perfectly. I'm a CS sophomore at Bahria University — this is how I learn. By building things I actually want to play. 🔗 Play it on ANY DEVICE: https://lnkd.in/d5J7RbE2 👨💻 GitHub: github.com/abdulwalidev 🎮 Game-Repo: https://lnkd.in/d_nf9REz #GameDev #JavaScript #WebDevelopment #HTML5 #CanvasAPI #BuildInPublic #CS

🚀 I built a Dino Runner game from scratch – no frameworks, just pure HTML/CSS/JS! Ever wanted to understand how classic endless runners work? I challenged myself to recreate the Chrome Dino Game as a beginner‑friendly project. 🎮 Live demo: https://lnkd.in/gPHSD8eT 📂 Code & README: https://lnkd.in/gNsSXyvE What’s inside? Canvas‑based animation & game loop Collision detection & simple physics (gravity, jump) Dynamic difficulty (speed & spawn rate increase with score) Responsive design + mobile tap support Deployed on GitHub Pages – one click to play Why I’m proud of it: It’s 100% vanilla – no libraries, no builds. Just HTML, CSS (Flexbox + media queries), and JavaScript. A great way to practice DOM manipulation, requestAnimationFrame, and event handling. Try to beat my high score! 🦖💨 👇 Feedback & suggestions are very welcome. 🎯 From idea to live game – my first HTML/CSS/JS project: Dino Runner When I started learning web dev, I never thought I could build an interactive game. Two weeks later, here it is – a complete endless runner inspired by Chrome’s offline dinosaur. What I learned: How requestAnimationFrame() powers smooth animations Simple gravity & jump mechanics Collision detection between rectangles Using localStorage? (not here, but next time 😄) Deploying instantly with GitHub Pages The best part? The entire game fits in one index.html file. No complex setup – open it and play. 🔗 Live demo + full code in the comments If you’re also learning to code – just start building. It doesn’t have to be perfect, it just has to be yours. #buildinpublic #learntocode #webdev #javascript #gamedevelopment