🎮 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
More Relevant Posts
-
🚀 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
To view or add a comment, sign in
-
Project Update — Jumble Word Game After building a Jumbled Word Generator, I expanded the idea and turned it into a small game. 🔧 Project: Jumble Word Game — a simple web game where a word is scrambled and the user has to guess the correct word using HTML, CSS, and vanilla JavaScript. 💡 What I learned while building this: - Extending an existing idea into a more interactive project - Managing user input and validation - Handling string manipulation and character shuffling in JavaScript - Structuring logic so the game can reset and generate new words This was a fun way to take something small I built earlier and push it a bit further. 🌐 Live demo: https://lnkd.in/d4bnCjgv 🔗 GitHub repo: https://lnkd.in/dj6PtTc4 Feedback is welcome — especially on improving the game logic or making the gameplay smoother. #javascript #webdevelopment #github #learningbydoing #html #css #frontend
To view or add a comment, sign in
-
OWL Hunt Game 🦉 Excited to share a project I built as part of my NTI journey, where I strengthened my DOM manipulation skills and explored creative approaches to building interactive web experiences. Game Features: • Timed Challenge: 30-second rounds to score maximum points • Multiple Difficulty Levels: Easy, Medium, and Hard modes with varying owl speeds • Scoring System: Small owls = 1 point, Large owls = 5 points • Dynamic Owl Spawning: Randomized appearance patterns across 36 grid positions • Real-time Score Tracking: Live score updates during gameplay Frontend: • Interactive gameplay using JavaScript (ES6+) • Real-time DOM updates for score & timer • Smooth animations and responsive UI • Clean design with Bootstrap & custom CSS Backend: • RESTful API using Node.js & Express • Leaderboard system (Top 5 players) • Score persistence and retrieval 💻 GitHub • frontend: https://lnkd.in/d9K7AGZc • backend: https://lnkd.in/dWNejAUa Live Demo: https://lnkd.in/dRZ7sQnK Give it a try and see how fast your reflexes are!🎮 #NTI #FullStackDevelopment #JavaScript #DOM #NodeJS #WebDevelopment #Bootstrap #RESTfulAPI #Game
To view or add a comment, sign in
-
🚀 Project Showcase: Tic Tac Toe Game using HTML, CSS & JavaScript Excited to share one of my recent mini-projects – a Tic Tac Toe Game built using HTML, CSS, and JavaScript! 🎮 This project helped me strengthen my understanding of DOM manipulation, game logic, and responsive UI design. 🔹 Key Features: Interactive 2-player gameplay Dynamic win detection logic Clean and responsive user interface Reset game functionality 🔹 Technologies Used: HTML – Structure of the game board CSS – Styling and layout JavaScript – Game logic and interactivity Building this project was a great way to practice JavaScript fundamentals and problem-solving skills while creating something fun and interactive. Looking forward to building more projects and continuously improving my development skills! 💻✨ Check my GitHub repo : 🔗 https://lnkd.in/gCz98WpX Day 5 of #100DaysOfCode #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #CodingProjects #LearningJourney
To view or add a comment, sign in
-
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
To view or add a comment, sign in
-
I built a full gaming website from scratch. And I still can't believe it actually works. 😅 Meet ARCADEVERSE — 6 fully playable browser games, a landing page, animated navbar, and smooth scroll. All built with pure HTML, CSS, and JavaScript. No React. No frameworks. Just fundamentals. 🎮 The Games: → 🐍 Snake → 🧩 2048 → ⌨️ Typing Speed Test → 🎯 Whack-a-Mole → 🃏 Blackjack → 🌌 Asteroid Shooter 🛠️ Tech Stack: → HTML5 + CSS3 → Vanilla JavaScript → GSAP + ScrollTrigger → Canvas API What I actually learned building this: Promises aren't just theory — they're the 400ms dramatic pause before the Game Over screen. The Event Loop isn't a textbook diagram — it's my snake moving exactly every 150ms, tick by tick. HOFs aren't just interview questions — they're how I find empty cells to place food on the grid. Building games made everything click in a way no tutorial ever did. 🙌 🔗 Play it live → https://lnkd.in/g2BnmiBb 🎥 Watch the demo video below 👇 #JavaScript #WebDevelopment #VanillaJS #GSAP #HTML5Canvas #LearningInPublic #BuildInPublic #FrontendDev
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
-
-
🚀 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
To view or add a comment, sign in
-
🚀 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
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
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
Great work 👏