JavaScript Project | Tic Tac Toe Game Turning concepts into real projects! Today, I built a Tic Tac Toe game using my JavaScript knowledge from previous lectures, and successfully implemented the full game logic with an interactive UI. This project helped me understand how to build real-world applications using core JavaScript concepts. Here’s what I implemented: ● DOM Manipulation to create and update the game board dynamically ● Handling user clicks using event listeners ● Implementing game logic (win, lose, draw conditions) ● Tracking player turns (X & O) ● Writing clean logic to check winning patterns ● Displaying real-time results and game status ● Reset functionality to restart the game instantly ● Improving UI interaction for better user experience Key Learning: Building this project helped me connect multiple concepts like events, conditions, loops, and DOM handling into a single working application. It’s exciting to see how small concepts come together to create something fully functional! Looking forward to building more projects and sharpening my development skills every day. #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #Programming #LearnJavaScript #DeveloperJourney #100DaysOfCode #CodingLife #Projects #GameDevelopment #DOM #EventHandling #BuildInPublic #TechLearning

🚀 Built a Pokémon Card Explorer using React! Today I worked on a small project where I built a Pokémon card explorer that fetches data from an API and displays Pokémon in interactive cards. ✨ Features of the project: • Fetching Pokémon data using API • Search functionality to filter Pokémon by name • Dynamic cards with Pokémon images • Type badges with different colors (fire, water, grass, etc.) • Smooth hover animations and transitions • Clean UI using Tailwind CSS • Routing implemented using React Router • Global state management using Context API 🛠 Tech Stack Used: React.js • Context API • React Router • Axios • Tailwind CSS This project helped me understand how to manage global state with Context API and how to structure React applications with routing and API integration. Special thanks to Sheryians Coding School and my mentor Sarthak Sharma for the guidance and learning resources 🙌 🔗 Live Project: https://lnkd.in/gHCMTRjh #ReactJS #WebDevelopment #FrontendDevelopment #JavaScript #ContextAPI #TailwindCSS #LearningInPublic

🎮 Just Built a Ping Pong Game Using JavaScript! Excited to share my latest project — an interactive Ping Pong Game built using HTML, CSS, and JavaScript. This project focuses on improving my understanding of game logic, animations, DOM manipulation, and real-time interactions in the browser. ✨ Features: • Single Player Mode (AI Opponent) • Two Player Mode (Play with one keyboard) • Smooth Ball Physics • Score Tracking System • Power-ups (Double Ball & Slow Motion) • Adjustable Ball Speed Control • Particle Effects & Ball Trails • Sound Effects for Hits, Walls, and Scoring • Pause / Restart Game Controls 🎮 Controls: Player 1 → W / S Player 2 → Arrow Up / Arrow Down Pause Game → P 🔗 Live Demo: https://lnkd.in/djcNtFug 💻 GitHub Repository: https://lnkd.in/dNEJX3DE This project helped me practice building interactive browser games and improving UI/UX for real-time applications. More projects coming soon as I continue my journey into Full Stack Development (MERN Stack) 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #GameDevelopment #MERNStack #Coding #BuildInPublic

🚀 Just Built an Escape Room Game using HTML & JavaScript! 🎮🔥 Excited to share my latest project – a fully interactive Escape Game developed using core web technologies! 🧠💡 In this game, players must solve puzzles, unlock clues, and make smart decisions to escape within a limited time. It’s designed to challenge logical thinking, problem-solving skills, and creativity. 🔧 Tech Used: • HTML for structure • CSS for styling & UI • JavaScript for game logic & interactivity ✨ Key Features: ✔️ Interactive puzzles & challenges ✔️ Timer-based gameplay ⏳ ✔️ Dynamic clues & user responses ✔️ Smooth and engaging UI This project helped me strengthen my concepts in DOM manipulation, event handling, and logic building in JavaScript. 💭 Building this game was not just fun, but also a great learning experience in creating real-world interactive applications. 🎥 Check out the demo video below and let me know your feedback! #WebDevelopment #JavaScript #HTML #Coding #GameDevelopment #FrontendDeveloper #Projects #LearningByDoing #TechWithArjun

🚀 Just Built a Classic Snake Game with JavaScript! 🐍 Today I built a Snake Game using HTML, CSS, and JavaScript as part of my learning journey in frontend development. This project helped me practice DOM manipulation, game logic, and UI design while recreating one of the most iconic arcade games. ✨ Features included: • Smooth snake movement using keyboard controls • Random food generation 🍎 • Score and High Score system (saved with LocalStorage) • Game Over and Restart functionality • Timer to track play session ⏱️ • Sound effects for eating apples and game over 🔊 • Mobile control buttons for smaller screens I also focused on creating a modern UI with gradients, glow effects, and animations to make the game visually engaging. Building small games like this is a great way to strengthen JavaScript fundamentals and problem-solving skills. More improvements coming soon: • Increasing difficulty levels • Better mobile responsiveness • Smoother animations 🔗 I’ll keep updating this project as I learn more. 🎮 Play the game: https://lnkd.in/gtd754n3 Sheryians Coding School Sarthak Sharma Devendra Dhote Ritik Rajput #JavaScript #WebDevelopment #FrontendDevelopment #100DaysOfCode #CodingJourney #HTML #CSS

ReactJS roadmap 2026 from starter to advanced level: Starters need getting familiar with: - Creating React project by Vite - How to run React on local dev environment - Creating simple, complex components - Using regular hooks: useState, useContext, useRef, useEffect, useMemo, useCallback - Understand when components re-render - Using React Router to navigate different pages - Understand basic use of Vitest or Jest for testing purpose - Getting familiar with TailwindCSS, CSS-in-JS libraries, CSS modules - Getting familiar with creating API using fetch - Getting familiar with sending authentication token through headers - Getting familiar with form validation such as: zod - Getting familiar with env file to config environment variables Advanced level get new challenges through real project needs: - Getting familiar with responsive on mobile screen - Using designed components library such as: Headlessui, Shadcn UI - Using icon libraries like Lucide React, Media Icons - Using animation libraries such as: React Loading Skeleton, Framer Motion, SwiperJS - Using pagination like react-paginate - Using React Helmet to manage document head - Using toast to show up notifications such as Sonner - Getting familiar with Axios to make XMLHttpRequest - Getting familiar with Tankstack/ React Query to cache, fetch, synchronize and update server state - Getting familiar with Atomic Design to organize components hierarchy - Getting familiar with README file to introduce how to set up the project. #ReactJS #Fronend #Webdevelopment

Days of Better React Old Approach → Better Approach Faced a subtle performance issue recently. A child component was re-rendering even when props didn’t change. The reason? A function was being recreated on every render. ❌ Old approach: const handleClick = () => { console.log("Clicked"); }; <Child onClick={handleClick} /> This creates a new function on every render. ✅ Better approach: const handleClick = useCallback(() => { console.log("Clicked"); }, []); <Child onClick={handleClick} /> Now the function reference stays stable. Small optimization. Cleaner rendering behavior. Performance issues are often about references — not logic. #reactjs #frontenddeveloper #javascript #performance #webdevelopment #jamesCodeLab #fblifestyle

🚀 Excited to share my latest project: React Tic Tac Toe Game I recently built a Tic Tac Toe game using React.js to strengthen my understanding of React concepts like custom hooks, reusable components, and state management. 🔧 Tech Stack • React.js • JavaScript (ES6+) • CSS • Custom React Hooks 💡 Key Features ✔ Interactive Tic Tac Toe gameplay ✔ Reusable React components ✔ Custom hook (useTicTacToe) to manage game logic ✔ Clean UI with modal for game results ✔ Scalable component structure 📂 Project Structure Highlights • Components (Modal, TicTacToe) • Custom Hook for game logic • Modular and maintainable React architecture 🔗 Live Demo: https://lnkd.in/g3fzWUdN 🔗 GitHub Repository: https://lnkd.in/ghEsW2Bd This project helped me practice component design, hooks, and clean folder structure in React. #ReactJS #FrontendDeveloper #JavaScript #ReactHooks  #WebDevelopment #FrontendEngineer #CodingJourney  #SoftwareDevelopment #BuildInPublic

Day 33 of Posting React Content 🧠 What is useReducer? 🎮 Imagine This You are playing BGMI. Different actions change the game states: 🎯 Kill enemy → +1 kill 💊 Use health kit → health increases 💥 Enemy attack → health decreases The game doesn’t randomly change things. It follows clear rules to update the states. 💡 In React When state becomes complex (many actions change the same state) React provides useReducer. Instead of changing state directly, we send an action. Then a reducer decides how the state should change. ✨ One Line Understanding Normal state → change value directly useReducer → state changes through actions + rules #ReactJS #ReactHooks #useReducer #FrontendDevelopment #JavaScript #LearnInPublic #CodingJourney #WebDevelopment

🎮 Excited to Share My Tic-Tac-Toe Game Project! 🚀 I’ve built and deployed a fully functional **Tic-Tac-Toe game** using **HTML, CSS, and JavaScript** — and it’s now live! 🔗 Play here: https://lnkd.in/gFHsDd7y ✨ Features: • Interactive 3x3 game board • Player turn switching (X & O) • Winner detection logic • Draw condition handling • Reset & New Game functionality • Clean and responsive UI This project helped me strengthen my understanding of: ✔ DOM Manipulation ✔ Event Handling ✔ Game Logic Implementation ✔ Conditional Checking Patterns ✔ Clean UI Structuring Building small projects like this really improves problem-solving skills and logical thinking. Every line of JavaScript written for winner checking and game reset improved my debugging ability. I’m continuously learning and building — feedback is always welcome! 🙌 #JavaScript #WebDevelopment #FrontendDeveloper #HTML #CSS #Projects #LearningByBuilding