🚀 DAY 115 — Built a Multi-player Real-Time Chess.com Clone ♟️ I recently developed a real-time Chess.com-inspired web application, focused on multiplayer gameplay and accurate game logic. 🔹 Key Features: • Live multiplayer gameplay using WebSockets • Interactive drag-and-drop chessboard • Move validation and game state management using chess.js • Turn-based gameplay with player role handling 🔹 Tech Stack: • Frontend: HTML, CSS, JavaScript • Backend: Node.js, Express • Real-time Communication: Socket.IO 🔹 What I Learned: • Implementing real-time communication between clients • Synchronizing game state across multiple users • Handling complex game logic and edge cases • Structuring backend systems for multiplayer applications 📌 Next Steps: Adding matchmaking and game timers. Feel free to share feedback or suggestions! #WebDevelopment #FullStackDevelopment #JavaScript #NodeJS #SocketIO #Projects #Chess

🚀 Built a Mini Game Hub using React + TypeScript 🎮 Just wrapped up a fun side project where I developed a simple Game Hub featuring: 🟣 Snake – Classic gameplay with score tracking 🟣 Sudoku – Logic-based number puzzle 🟣 Chess – Strategy game with interactive board 🔧 Tech Stack: React (Vite + TypeScript) Redux Toolkit for state management React Router for navigation Chess.js + React Chessboard Sudoku generator library 💡 What I focused on: Clean and scalable component structure State management using Redux Reusable UI components Smooth user experience This project helped me strengthen my frontend architecture skills and improve handling of interactive game logic in React. 📽️ Sharing a quick demo video below (under 3 mins) Would love your feedback and suggestions 🙌 Open to collaborating on more interesting frontend projects! Github Repo : https://lnkd.in/g5GMhbjE #ReactJS #FrontendDeveloper #TypeScript #WebDevelopment #Redux #JavaScript #SideProject #GameDevelopment

Memory Card Game built with React 🧠🎴 I recently developed a fun and interactive Memory Card Game using React.js, where the main goal is to match pairs of cards while improving memory and focus. 🔧 Tech Stack Used: React (Functional Components) React Hooks (useState, useEffect) JavaScript (ES7+) CSS for styling and animations ✨ Key Features: Card flip animation 🎴 Randomized card shuffle 🔀 Move counter to track performance 📊 Win detection system 🏆 Responsive design for all devices 📱💻 This project helped me strengthen my understanding of React state management, component structure, and UI logic handling. I’m continuously working on improving my front-end development skills and building more interactive projects. 🔗 GitHub: https://lnkd.in/dRXZtVjK 🌐 Live: https://lnkd.in/dH_hAGXi Feedback and suggestions are always welcome! 🙌 #ReactJS #JavaScript #FrontendDevelopment #WebDevelopment #Coding #Projects #100DaysOfCode

made a big update to Starbound Conquest! So I was running through a game with some friends and we came across some pressure points that probably needed adjusted The biggest one was how to add ships to the game. So instead of using the player screen to add the ships I moved it into the actual sector that you were in that you can add ships into. So that means the player screen now is just to view your ship and then to delete ships. So here's a quick video! for right now I'm going to move away from sector to sector ship jumping and focus only on combat in one map. because after a few rounds of moving your ships and nothing was happening my testers were kind of grumbling. So! I think focusing on one sector at a time and then iron all that out is probably also going to be the next step for better user experience. #reactnative #expo #starboundconquest #javascript #android #gamedev

#Day486 of #500DaysofCode 🚀 Built a Multi-Game React App from Scratch 🎮⚛️ Excited to share one of my recent frontend development projects — a Multi-Game Arcade Web App built with React.js. This project combines game logic, UI engineering, modular styling, and component architecture into one interactive platform. 🎯 Games Included ✅ Tetris ✅ 2048 ✅ Chinese Checkers 🛠️ What I worked on 🔹 Dynamic game selector dropdown for switching between multiple games 🔹 Reusable header and layout components 🔹 Complex Chinese Checkers board logic & move validation 🔹 Responsive Tetris UI with score and control panels 🔹 Smooth 2048 tile merge logic and animations 🔹 Modular CSS for scalable component styling 💡 Key Learnings This project helped me strengthen my skills in: React component architecture State management with hooks Game loop and movement logic CSS modules & responsive layouts UI animations and transitions Writing scalable frontend code The most exciting part was bringing multiple classic games into a single seamless React experience while keeping the code modular and maintainable. Would love to hear your thoughts on: 👉 Which game should I add next? I’m thinking Snake 🐍, Sudoku 🧩, or Chess ♟️ #ReactJS #FrontendDevelopment #JavaScript #WebDevelopment #GameDevelopment #CSS #UIUX #Programming #Coding #Projects #SoftwareEngineering

🚀 Just Built a Memory Game with React.js! Excited to share one of my recent projects — a fully interactive Memory Game built using React.js 🎯 🔹 Features: - Clean and responsive UI - Smooth card flip animations - Game logic using React state & hooks - Dynamic score tracking - Optimized performance for better user experience This project helped me strengthen my understanding of: 💡 Component-based architecture 💡 State management in React 💡 Event handling & logic building I’m continuously working on improving my frontend development skills and building more interactive projects like this. demo: https://lnkd.in/gBdwh_Yn 🎥 Check out the demo video below! #ReactJS #FrontendDevelopment #WebDevelopment #JavaScript #Projects #LearningByDoing

🚀 Built a Real-Time Multiplayer Tic Tac Toe I recently worked on a small full-stack project — a multiplayer Tic Tac Toe game — mainly to explore how real-time systems work. Instead of building it as a simple UI game, I focused on syncing game state between players using WebSockets. The UI is built with a neo-brutalism-inspired design, which kept the interface simple, bold, and readable. 🔧 Features: • Real-time multiplayer (no polling) • Room-based system (create/join with IDs) • Dynamic board sizes (3×3 up to 8×8) • Server-side validation for moves and turns • Automatic win/draw detection ⚙️ Tech Stack: Frontend: React + TypeScript + Vite Backend: Node.js + WebSocket (ws) Styling: Tailwind CSS 📚 What I learned: • How WebSocket connections work in real-time apps • Managing shared state across multiple clients • Designing a simple room-based system • Handling edge cases like invalid moves and sync issues It’s a simple project, but it helped me understand the basics of building real-time applications beyond standard request-response setups. 🔗 Try it out: https://lnkd.in/gsWV4Pwz (You’ll need two players — or just open it in two tabs) 🔗 GitHub: https://lnkd.in/g5ezJib7 Would appreciate any feedback. #WebDevelopment #React #NodeJS #WebSockets #FullStack #LearningInPublic #TailwindCSS #TypeScript #Neobrutalism

I've always loved playing those relaxing, daily puzzles like Wordle, Connections, and many more. It's gotten to the point where I thought to myself: "Why not make my own?" Introducing: Storydle! My first real project using React + Next.js + Tailwind. The aim of the game is to fill in the blanks of a story using ONLY words that can be formed by the letters provided in the Scrabble-like word bank on the right. When all blanks are filled, the story is complete and subsequently... you win! This showcase depicts a standard flow for a single game, how to interact with the UI, and how to utilize the three different hint systems. Ideally, this would be a daily game, but I decided to instead release just three stories of incrementing difficulty every week to lessen the burden and to ensure quality comes first in terms of the stories' content. I plan to release this in the near future when everything is polished, but I'm already very excited to share this to the world. Any feedback is appreciated, and I hope you'll enjoy my game! 😁

Gamifying React: Building an Idle Clicker 🎮💰 Can you build a high-performance game engine using standard web technologies? I took on the challenge with my latest project: Idle Clicker. While it looks like a fun game, under the hood, it’s a masterclass in state management and performance optimization: 🔹 Dynamic Scaling: Implemented mathematical formulas to handle exponential growth for upgrades and costs. 🔹 Performance First: Managed rapid state updates (clicks + auto-income) without causing UI lag, ensuring a smooth 60fps experience. 🔹 React Logic: Utilized hooks and custom logic to bridge the gap between "web app" and "game engine." This project proves that whether it's a data dashboard or a game, I focus on building responsive, logic-driven systems that keep users engaged. 🔗 Try it here (Warning: Addictive): https://lnkd.in/dVbqD6Aj #ReactJS #GameDev #WebDevelopment #Logic #JavaScript #Frontend #CodingChallenge #InteractiveDesign

Excited to share my latest React project: Random Number Generator! 🎲 Built using React and JavaScript, this web app allows users to generate random numbers within a specified range, making it perfect for decision-making, games, or just experimenting with randomness. Key Features: Generate numbers instantly with a single click User-friendly and interactive UI Fully hosted on GitHub Pages for live testing Check it out here: 🔗 Live Demo: https://lnkd.in/gcsCkMAX 🔗 Code: https://lnkd.in/g_AZyK2J Feedback and suggestions are welcome! 💡