🚀 I just finished building Assembly: Endgame, a React word-guessing game that challenges players to guess a hidden word before programming languages get eliminated… or Assembly takes over! 💀 In this project, I focused on creating a fully interactive, state-driven UI in React. I practiced: • Managing complex derived state for win/lose conditions and incorrect guesses • Implementing accessibility features with ARIA live regions • Using conditional styling with clsx to provide visual feedback • Handling physical keyboard input alongside an on-screen keyboard I also added some fun interactive elements to make the game engaging: 🎉 Confetti animation when the player wins ⌨️ Physical keyboard input support for smoother gameplay 🎞 Shake animation on incorrect guesses The game includes over 500+ random words, making each round unique and challenging. This project was a fantastic way to reinforce my React skills while experimenting with animations and user feedback. 🔗 Check it out on GitHub: https://lnkd.in/d5Tjb62W 🌐 Live project: https://lnkd.in/dCzCaC3q #React #JavaScript #WebDevelopment #FrontendDevelopment #SoftwareEngineering #PortfolioProject
More Relevant Posts
-
🚀 I built a full arcade gaming platform… using just JavaScript. No frameworks. No libraries. Just pure HTML5 Canvas + Vanilla JS. Introducing GameHub 🎮 — a browser-based arcade platform designed for smooth, low-latency gameplay. 👉 It runs at 60 FPS using an optimized rendering loop 👉 Includes games like Snake, Tetris, Flappy, and a space shooter 👉 Features an AI-powered Chess engine using Minimax + Alpha-Beta pruning 👉 Has a custom authentication system using localStorage 👉 And a real-time leaderboard to track performance But what made this project really interesting for me was the engineering behind it. Instead of manually managing everything, I built Python automation scripts to refactor the codebase and inject global components across multiple files, making the system more scalable and maintainable. This project pushed me to think beyond just coding, into system design, performance optimization, and clean architecture. 🎥 I’ve attached a short video walkthrough explaining everything. If you have 30 seconds, I’d love your feedback 🙌 🔗 GitHub : [https://lnkd.in/gd_38kFF] 🌐 Live Demo : [https://lnkd.in/gzv85GE4] #javascript #webdevelopment #frontend #gamedev #dsa #projects #coding #softwareengineering #100daysofcode #developers #openforopportunities #lpu
To view or add a comment, sign in
-
🚀 New Project: JavaScript Arcade Game I recently built a small arcade-style browser game using JavaScript and the p5.js library as part of my programming practice and portfolio development. The objective of the game is simple: control the catcher, collect falling balls, avoid dangerous bombs, and survive while increasing your score. During development I focused on implementing real-time game mechanics and interactive gameplay systems. Key features of the project: • Combo multiplier scoring system • Boss fight mechanics with different attack patterns • Meteor storm events • Player abilities such as shield and slow-motion power-ups • Level progression system • Animated procedural backgrounds • Mouse-controlled gameplay This project helped me strengthen my understanding of JavaScript, HTML5 Canvas, animation loops, collision detection, and browser-based game logic. Building small game projects like this is a great way to explore programming concepts while also improving problem-solving skills. 🎮 Gameplay video: (YouTube link) https://lnkd.in/epB_N7Rw 💻 Source code: https://lnkd.in/efE3SSbx I’m currently continuing to develop more projects related to web development, software engineering, and game mechanics. #JavaScript #GameDevelopment #WebDevelopment #Programming #SoftwareEngineering #p5js
To view or add a comment, sign in
-
🚀 Built a Fun Stick Hero Game using HTML, CSS & JavaScript! Excited to share my latest mini project 🎮 — a Stick Hero Game inspired by classic arcade mechanics! ✨ Features: Smooth canvas-based animations Dynamic platform generation Real-time scoring system “Perfect hit” bonus logic 💯 Responsive full-screen gameplay 🛠️ Tech Stack: HTML5 | CSS3 | JavaScript (Canvas API) 💡 What I learned: Game loop using requestAnimationFrame Working with Canvas for animations Handling user interactions (mouse events) Logic building for collision detection & physics This project helped me strengthen my JavaScript fundamentals and understand how real-time games work behind the scenes. 👉 Try building it yourself or let me know if you want the code! #JavaScript #WebDevelopment #FrontendDeveloper #GameDevelopment #HTML5 #CSS3 #Coding #Projects #LearningByDoing
To view or add a comment, sign in
-
Stop writing boilerplate code for your game loop. 🛑 For years, game developers in Rust faced a choice: build a custom engine from scratch or struggle with incomplete frameworks. That changed with Bevy. As of January 2026, Bevy 0.18 has officially launched, and it's not just an incremental update. It's a game-changer for indie devs and hobbyists alike. 🎮 Here's what's new in 0.18: ✨ Atmospheric Occlusion: The procedural atmosphere now realistically affects lighting, giving your scenes depth without complex shader hacks. 🌟 Solari Raytracing: Real-time raytracing is now a core feature, making your Rust games look as polished as your code. 🎨 Font Variations: Dynamic font loading and styling are finally here, simplifying UI development. 🚀 Performance Boost: Built on the latest Rust stable, the ECS (Entity Component System) is faster and more parallel than ever. 💡 Did you know? Bevy 0.18 was built by 174 contributors who merged 659 pull requests in just one release cycle. That's the power of open source. Why does this matter? Most game engines force you to learn proprietary scripting languages or deal with heavy dependencies. Bevy is purely Rust. No hidden layers. No magic. Just `cargo run` and you're building games. If you've been waiting for a reason to dive into Rust game dev, this is it. The barrier to entry has never been lower, and the ceiling has never been higher. Have you tried Bevy 0.18 yet? What's the first thing you're building? 👇 Drop your thoughts below! #RustLang,#BevyEngine,#GameDev,#IndieDev,#OpenSource,#RustGamedev,#Coding,#TechTrends2026 Try the latest Bevy 0.18 release today and start building your dream game in Rust!
To view or add a comment, sign in
-
Built a Rock Paper Scissors game 🎮 using JavaScript. This project helped me practice JavaScript logic and DOM manipulation by building a simple interactive game. Features: • Interactive Rock, Paper, Scissors gameplay • Score tracking system • Responsive UI Tech Stack: HTML | CSS | JavaScript 🌐 Live Demo: https://lnkd.in/gJFY_usB 💻 GitHub Repository: https://lnkd.in/gk8fetZv Feedback is welcome! #javascript #webdevelopment #frontenddeveloper #coding #beginnersproject
To view or add a comment, sign in
-
-
Built "Bomb Safe Duel" : a fun, competitive 2-player browser game made for friends to play on one device. How it works: - Each player has their own 3x3 grid - Each secretly places 3 bombs - Players take turns revealing one tile on their own grid - Safe tile = +1 score, bomb tile = dramatic blast/slap animation - First to reveal 3 safe tiles wins What I built: - Hidden setup flow with pass-device privacy screen - Turn-based game logic, scoring, and win condition - Smooth animations, reactions, sound effects, and responsive UI Tech stack: - React (Hooks) - Tailwind CSS - Framer Motion - Local state + localStorage For core functionality development, I used OpenAI Codex as my coding copilot to speed up implementation also to solve errors and bugs and polish. What’s next (future roadmap): - Real multiplayer across different devices (not just pass-and-play) - Room creation/join via unique game code - Real-time synced turns and state updates - Reconnect handling and fair-play validation #React #TailwindCSS #FramerMotion #WebDevelopment #Frontend #JavaScript #GameDev #BuildInPublic #OpenAI #Codex #Multiplayer
To view or add a comment, sign in
-
🎮 Programming a Game Platform Website Programming a game platform website is an exciting project that combines creativity and technology. It involves designing a user-friendly interface, writing code to make the site interactive, and adding features such as game libraries, user accounts, and leaderboards. Developers often use technologies like HTML, CSS, and JavaScript to build and style the platform while ensuring a smooth experience for players. 🚀🎮 #Programming #GameDevelopment #WebDevelopment #Coding #Tech
To view or add a comment, sign in
-
🎮 Built a Real-Time Multiplayer Memory Game This is not just a basic memory game — I developed a multiplayer version where two players can play in real-time using WebSockets 🚀 🧠 Key Features: • Real-time gameplay using Socket.IO • Turn-based system between players • Live score tracking • Card matching logic with animations 💻 Tech Stack: • Frontend: HTML, CSS, JavaScript • Backend: Node.js, Socket.IO 🔗 GitHub: https://lnkd.in/gVVFc7UC This project helped me understand real-time communication, game logic, and full-stack development. Next step: Adding online rooms & leaderboard system 🔥 #JavaScript #NodeJS #SocketIO #WebDevelopment #GameDev #FullStack #StudentDeveloper
To view or add a comment, sign in
-
-
Decided to take a little trip down memory lane! 🚀 Years ago, one of the very first things I ever built when I was learning to code was a really basic Tic-Tac-Toe game. Today, I figured it would be fun to open up that old repository and see how much I could improve it. It’s still a super simple Vanilla JavaScript app at its core, but giving it a 2026 glow-up was an absolute blast. Here’s what I changed to bring it into the modern era. ✨ The Glow Up: I completely ripped out the old styling and added modern glass UI effects along with a theme switcher. You can now play in Cyberpunk Neon, Deep Midnight, or Royal Gold. 🎮 Better Gameplay: Instead of the game ending immediately, I turned it into a combo-scoring game. You keep playing until the whole 3x3 or 5x5 board is completely full to rack up points. 🤖 Smarter Logic: The computer opponent isn't a total pushover anymore! I added some simple logic so it actively looks for winning spots, blocks my moves, or takes the center tile. 🌐 Online Play: To top it off, I hooked it up to Firebase so can actually send a room link to friends and play against them in real time. Want to play a round? Try it out here (works on mobile too!): 🔗 https://lnkd.in/gZEdadvu It's actually crazy to look back at the code I wrote years ago compared to how I approach things today. Honestly, revisiting your very first projects is a massive confidence booster and a great reminder of how far you've come. #JavaScript #WebDev #CodingJourney #SideProject #CSS #HTML #Frontend #Firebase #LearnToCode
To view or add a comment, sign in
-
🚀Project Showcase: Simon Says Game I recently built a simple interactive Simon Says memory game using HTML, CSS, and JavaScript. The game challenges users to remember and repeat an increasingly complex sequence of colors, helping strengthen memory and attention skills. Key highlights: • Implemented game logic using JavaScript * Used DOM manipulation and event handling for interactive gameplay * Designed a responsive and simple user interface with HTML & CSS 🔗 Live Demo: https://lnkd.in/gBym4-HP 💻 GitHub Repository: https://lnkd.in/gBUPb2g6 This project helped me practice core JavaScript concepts and front-end development fundamentals. I’m continuing to build more projects to strengthen my software development skills. #WebDevelopment #javascript #frontenddevelopment #github #softwaredevelopment
To view or add a comment, sign in
-
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development
Really love how thoughtfully you've handled the state management here, and the accessibility touches show you're thinking about all users. The technical choices feel really well considered.