Developed a Wordle-inspired web game featuring a 5-letter word guessing challenge with 6 attempts and real-time visual feedback. Here's what I Implemented: -Developed an interactive word-guessing game using HTML, CSS, and JavaScript -Implemented keyboard event handling and real-time input validation -Integrated a RESTful Dictionary API to validate English words and prevent invalid submissions -Designed game state management for attempts, win/loss conditions, and word reveal logic -Applied conditional rendering and DOM manipulation for dynamic UI updates -Implemented letter-matching algorithms to generate green/yellow/grey boxes -Added randomized word selection from a list of words Built dark/light theme toggle using dynamic CSS class manipulation this project helped me to strengthen problem-solving, API integration, and interactive UI development skills. checkout the code at -> https://lnkd.in/dNvcutju #FrontendDevelopment #JavaScript #WebProjects #APIs #UIUX #LearningByBuilding #Portfolio

🪶Not every project needs to be huge to teach you something real 🎯 I built a Rock–Paper–Scissors mini game to sharpen my front-end fundamentals—and surprisingly, this small game covered a lot. 🕹️ What’s happening inside the game: ✧ Pure JavaScript logic for win / lose / draw scenarios ✧ Real-time score tracking using DOM manipulation ✧ Dynamic UI feedback (messages + color changes based on results) ✧ Structured HTML for clarity and maintainability ✧ Styling with a mix of custom CSS + Bootstrap (not just plug-and-play) 📱 Responsive design using media queries for different screen sizes This project reinforced something important for me 👇 Understanding why the code works > just making it work. Small builds. Strong fundamentals. Consistent progress 🚀 #WebDevelopment #Frontend #JavaScript #HTML #CSS #Bootstrap #ResponsiveDesign #MiniProject #LearningByDoing

 Fluidity is the new standard. 💧 Static websites are dead. Users demand interaction, motion, and life. We recently deployed this project for Fro & Co, focusing heavily on micro-interactions and smooth scrolling physics. The goal was to keep the user engaged from the Hero section all the way to the "Contact" button. Tech Stack: ⚡ React + Vite 🎨 Tailwind CSS ✨ Custom CSS Animations Proud of the Onyx & Code team for polishing every pixel. What do you think of the scroll transitions? Let me know in the comments! 👇 #FrontendDev #WebDevelopment #DesignInspiration #MonaghanBusiness #LuxuryWebDesign

🚀 Project Showcase: Rock–Paper–Scissors Game 🎮 I’m excited to share one of my frontend projects — an interactive Rock–Paper–Scissors game built using HTML, CSS, and JavaScript. ✨ Project Highlights: Users can play against the computer by choosing Rock, Paper, or Scissors The computer generates random choices every round Game logic determines Win / Lose / Draw Infinite gameplay — no end, play as long as you want Smooth UI using DOM manipulation & event handling 🛠️ Technologies Used: HTML | CSS | JavaScript 🔗 Live Project: 👉 https://lnkd.in/gwpJXe_a This project helped me strengthen my understanding of JavaScript logic, DOM manipulation, and event handling. Looking forward to building more real-world projects and improving my frontend skills 🚀 📌 Video demo attached below ⬇️ #FrontendDevelopment #JavaScript #HTML #CSS #WebDevelopment #Projects #LearningByDoing #FresherDeveloper

🎮 Project Showcase – Snake Game Recently, I built a classic Snake Game using HTML, CSS, and JavaScript, focusing not only on functionality but also on real-world, production-level practices. 🔹 Project Highlights: Built with vanilla HTML, CSS, and JavaScript Fully responsive for both desktop and mobile devices Used Local Storage to save and persist the high score Smooth gameplay with clean and structured logic Production-level CSS for a polished and scalable UI Well-structured and maintainable JavaScript code 🧠 What I learned: Implementing game logic and managing game state Building responsive layouts for real users Practical use of Local Storage in web applications Writing clean, reusable, and maintainable frontend code This project helped me understand that even basic web technologies can be powerful when used correctly. More projects coming soon 🚀 Project Link - https://lnkd.in/dDwXY7Dm https://lnkd.in/dDwXY7Dm #HTML #CSS #JavaScript #FrontendDevelopment #GameDevelopment #WebProjects #LearningByBuilding #DeveloperJourney @Sheryians Coding School Mentors @Sarthak Sharma

If anyone is interested in developing their skills in React three fiber, a quick thought based on my experience that might be helpful. 💬 Here are some tips for developing this skill: • Start with plain Three.js before React Three Fiber. Once you understand cameras, lights, geometry, and the render loop, R3F feels much more intuitive instead of “magic”. • Build small scenes again and again. A rotating cube, custom lighting, simple interactions. Repeating the basics taught me more than jumping straight into complex 3D websites. • Don’t chase visuals first. Focus on performance, scene structure, and how React state affects the 3D world. Clean logic makes good visuals easier later. • Read the docs and inspect other people’s code. Real projects on GitHub helped me understand patterns that tutorials don’t explain. Still learning every day, but this approach helped me grow faster and with more clarity #ReactJS #ThreeJS #ReactThreeFiber #WebDevelopment #FrontendDeveloper #JavaScript #CreativeCoding #3DWeb #WebGL #LearningInPublic

🎮 Built a Simon Says Game using HTML, CSS & JavaScript Ever played Simon Says as a kid? I rebuilt it for the web — and it turned into a great lesson in logic, state management, and user interaction. This project challenged me to think beyond static UI and focus on how users interact with applications in real time. 🔍 What this project demonstrates - JavaScript event handling & game logic - DOM manipulation and state tracking - CSS animations & visual feedback Building a fully interactive browser game 🚀 Key features 🎯 Increasing difficulty with each level 🟢 Random color sequence generation ✨ Button flash & click animations ❌ Game-over detection on wrong input 🏆 Highest score tracking (session-based) 📱 Responsive, mobile-friendly UI 🛠️ Tech stack - HTML5 – structure - CSS3 – styling & animations - Vanilla JavaScript – logic & interactivity This project strengthened my understanding of how frontend technologies work together to create engaging experiences — not just pages. 🔗 Play it here: 👉https://lnkd.in/dXJNJRGs Would love feedback or suggestions for improvements 👇 #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningByBuilding #HTML #CSS #Projects #SimonSays #Portfolio

🚀 Built a Realtime Collaborative Canvas using WebSockets I recently built a Realtime Collaborative Canvas application where multiple users can draw together on a shared canvas and see updates instantly. 🔹 Tech used: HTML Canvas, JavaScript, Node.js, Express, WebSockets 🔹 Key idea: Instead of sharing the canvas, the app shares drawing events which are broadcast to all connected users in real time. 🔹 Features: smooth line drawing, individual colors, adjustable pen thickness, and light/dark mode. This project helped me understand real-time communication, event-based architecture, and collaborative system design. Looking forward to improving it further with features like rooms, undo/redo, and persistence. 🔗 GitHub: https://lnkd.in/gbV3tpBE #WebDevelopment #JavaScript #NodeJS #WebSockets #Projects #Learning #SoftwareEngineering

Building a Modern, Dark-Themed Stopwatch with Vanilla JS ⏱️ I’m excited to share my latest mini-project: a fully functional Stopwatch App built from scratch using HTML, CSS, and Vanilla JavaScript. **🚀 Key Features:** • **Precision Timing:** Accurate counting down to milliseconds. • **Glassmorphism UI:** A sleek, modern dark theme using backdrop-filter and gradients. • **Lap Functionality:** Ability to record and scroll through lap times. • **Responsive Design:** Looks great on any device. This project was a great way to refine my DOM manipulation skills and play with modern CSS aesthetics without relying on frameworks. Check out the code/demo here: [https://lnkd.in/dKMaPjXA] #webdevelopment #javascript #css3 #frontend #coding #glassmorphism #uidesign

Rock Paper Scissors Game 🎮 Built using JavaScript to strengthen my logic-building skills and DOM manipulation. 🔹 Project Overview I built a fully interactive Rock Paper Scissors game using core web technologies. The game includes score tracking, win/lose logic, reset functionality, animations, and a smooth dark mode UI for better user experience. 🔹 Technologies Used HTML5 CSS3 (Flexbox, Animations, Media Queries) JavaScript (DOM manipulation, game logic, events) 🔹 Key Features ✔ Real-time score updates ✔ Dark mode toggle 🌙 ✔ Game-over detection & reset ✔ Responsive design (mobile, tablet & desktop) ✔ Smooth UI animations & feedback messages. 🔹 What I Learned Implementing game logic using JavaScript DOM manipulation & event handling CSS animations & keyframes Responsive design with media queries Improving UI/UX with dark mode and visual feedback This project helped me strengthen my fundamentals and understand how small UI details improve user experience. 🚀 Always learning, always building! 🔹 Live Demo: https://lnkd.in/gTdeA2JP 🔹 GitHub Repository: https://lnkd.in/gaweZrN2 #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #Projects #LearningByDoing