🚀 #Day42 of #100DaysOfCoding 🚀 Project Update. Build a simple and interactive “Call Now Web App” using HTML, CSS, and JavaScript. The application allows users to enter a mobile number and instantly generate a clickable call link using the tel: protocol. This project demonstrates DOM manipulation, user input handling, and dynamic content rendering in JavaScript. ✨ Key Features 🔹 User Input Field Allows users to enter any mobile number easily 🔹 Dynamic Call Link Generation Automatically creates a clickable call button using JavaScript 🔹 One-Click Calling Uses tel: protocol to directly initiate calls on supported devices 🔹 Real-Time Output Display Displays the generated call link instantly without page reload 🔹 Simple & Beginner-Friendly UI Clean and minimal design for better user experience 🔹 DOM Manipulation Uses getElementById and innerHTML for dynamic updates Code Of School || Ritendra Gour || Avinash Gour #WebDevelopment #JavaScript #Frontend #HTML #CSS #CodingProject #BeginnerFriendly #100DaysOfCode #TechProjects #LearningByDoing

🚀 #day44 of #100DaysCodingChallenge ✨ Just Built My ABCD Counting Web App I’m excited to share my latest mini project — an interactive ABCD Counter Website This app helps users learn alphabet counting in a simple and fun way. With just one click, letters move from A → B → C → ... → Z 💡 Tech Used: HTML CSS JavaScript ⚡ Key Features: One-click letter increment Reset functionality Clean and simple UI Beginner-friendly logic 🛠️ Challenges I faced: Handling letter transitions correctly (Z → A) Managing UI updates dynamically Keeping code clean and simple 🎯 What I learned: DOM manipulation Event handling Basic logic building 🔗Github Link : https://lnkd.in/dKUSTb5P #WebDevelopment #JavaScript #Frontend #CodingJourney #BeginnerProject #HTML #CSS #Learning

MINI project Day 05 : 🚀 Just Built a Password Generator Web App! I’m excited to share my latest project — a secure and customizable Password Generator that creates strong, random passwords with adjustable length and character options. 🔐 *Key Features:* * Generate highly secure random passwords * Adjustable password length * Include/exclude lowercase, uppercase, numbers, and symbols * Option to avoid ambiguous characters * One-click copy to clipboard * Download passwords as a .txt file * Password strength indicator 🛠️ *Skills & Technologies Used:* * JavaScript (ES6+) * Array methods & randomization logic * String manipulation * DOM manipulation * Clipboard API * Responsive UI design 📚 *What I Learned:* * How to build secure random generation logic * Handling user input dynamically * Improving UX with real-time feedback (strength meter) * Working with browser APIs like Clipboard * Writing cleaner and more modular JavaScript code 🌐 *Live Project:* 👉 https://lnkd.in/gGyHqyaV I’d love your feedback and suggestions for improvement! #WebDevelopment #JavaScript #FrontendDevelopment #Projects #LearningByDoing #BuildInPublic #Coding

FAQ Accordion Web App | HTML, CSS, JavaScript Built a responsive FAQ accordion interface as part of a Frontend Mentor challenge, focusing on clean UI structure and interactive user experience. Key features include the following: Dynamic expand/collapse functionality for FAQ items Smooth user interaction using JavaScript event handling Responsive design for mobile and desktop screens Clean and maintainable code structure This project helped strengthen my understanding of DOM manipulation, event handling, and writing reusable logic in JavaScript. 🔗 Live Demo: https://lnkd.in/dm96Y5YU 🔗 GitHub: https://lnkd.in/dGuvz7jW

My client's app was bleeding users. 6.2-second load time. Brutal. The problem wasn't the design or the copy — it was a React SPA shipping a 2.4MB JavaScript bundle to every visitor before showing a single pixel. Here's what I did to fix it: → Migrated the 3 highest-traffic pages to Next.js with Server-Side Rendering (SSR) → Split the bundle using dynamic imports — lazy-loaded everything below the fold → Moved static content to Static Site Generation (SSG) with ISR for cache efficiency → Replaced heavy client-side data fetching with getServerSideProps Result after 2 weeks: — Load time: 6.2s → 2.4s (61% faster) — Largest Contentful Paint: 4.8s → 1.6s — Bounce rate dropped by 34% The client hadn't changed a single word of content. Just cleaner architecture. This is why I now audit the rendering strategy before touching the UI on every new project. What's the worst load time you've inherited on a project? Drop it below — curious how bad it gets out there. #nextjs #reactjs #webperformance #fullstackdeveloper #buildinpublic #llm #vibecoding #anthropic

🕌 Islamic Quiz App — HTML, CSS & JavaScript Developed an interactive Islamic Quiz App featuring 10 questions with instant visual feedback and final score display. This project improved my JavaScript logic, DOM control, and user-focused UI design. 🔹 Key Features. 🔸10 quiz questions with options 🔸Option lock after selection 🔸Correct answer highlights in green, wrong in red 🔸Final score out of 10 🔸“Start Again” restart button 🔸Clean, responsive interface A practical project focused on logic, interaction, and meaningful user experience. #FrontendDevelopment #HTML #CSS #JavaScript #QuizApp #WebProjects #PortfolioProject #UIUX #LearningByBuilding

🚀 Built a Task Management Web App using HTML, CSS, and JavaScript I recently developed a clean and responsive task management application that allows users to: • Add, edit, delete, and mark tasks as completed • Interact with dynamic UI using JavaScript DOM manipulation • Experience a responsive design across devices 🔗 Live Demo: https://lnkd.in/d3zwQ6Yp This project helped me strengthen my understanding of DOM manipulation and event handling. #javascript #webdevelopment #frontend #projects

🚀 Excited to share my latest project – Quiz Application built using HTML, CSS, and JavaScript! This project is a fully interactive web-based quiz app designed to test knowledge in a fun and engaging way. It includes dynamic question rendering, real-time score tracking, and instant feedback for each answer. 🔹 Key Features: ✔️ Multiple-choice questions with instant validation ✔️ Real-time score calculation ✔️ Responsive and user-friendly UI ✔️ Smooth navigation between questions ✔️ Final result display with performance summary Through this project, I strengthened my understanding of: 💡 DOM manipulation 💡 Event handling 💡 JavaScript logic building 💡 UI/UX design using CSS Building this quiz app was a great hands-on experience in creating interactive web applications using core frontend technologies. Looking forward to enhancing it further with features like timers, categories, and backend integration! #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #Projects #LearningByDoing

#Hello #Connections 👋 #100DaysOfCodeChallenge | #Day76 Project: Lucky Scratch Card What I built Today I created an interactive Scratch Card Web App where users can scratch the surface to reveal exciting rewards like cashback, discounts, and even a jackpot Technologies Used HTML5 (Canvas) CSS3 (Animations, UI Styling) JavaScript (DOM, Events, Logic) Challenge I faced Calculating how much area is scratched and determining when to reveal the reward accurately. How I solved it Used Canvas pixel data (getImageData) to track erased pixels and calculated percentage to trigger reward after threshold (>85%). Live Demo: https://lnkd.in/dHtCMfTi Feedback is always welcome! Code Of School Avinash Gour | Ritendra Gour #JavaScript #FrontendDeveloper #WebDevelopment #CSS #Canvas #UIUX #100DaysOfCode

Built a Typing Speed Test Web App using HTML, CSS, and JavaScript. Features: • Real-time WPM calculation • Accuracy and mistake tracking • Character-level feedback • Responsive UI Live Demo: [https://lnkd.in/gGHeE3dR] GitHub: [https://lnkd.in/g4G7HKTA]