🌱 Built an API-based project called Green Earth using JavaScript. It's a small web app designed to promote tree plantation. 🧩 Features • Browse plants dynamically by category • View plant details through a modal • Add plants to a cart • Calculate total planting cost • Clean and responsive UI for all devices 🛠 Tech Used Frontend: HTML5, CSS3, JavaScript (ES6+) Libraries & Tools: TailwindCSS and DaisyUI JavaScript Concepts: • Fetch API • Async/Await • Dynamic DOM Rendering • Basic Cart State Management 📚 What I Practiced • Fetching data from APIs • Rendering dynamic UI with JavaScript • Handling asynchronous requests • Designing responsive layouts with TailwindCSS A few weeks ago, working with APIs felt confusing. Now building dynamic apps with API data feels much more natural. 🔗 Project Links Live Demo: https://lnkd.in/gjGRxb3U GitHub Repository: https://lnkd.in/g7qckacT 💬 What feature would you add to a tree-plantation web app? #javascript #webdevelopment #frontenddevelopment #buildinpublic #learninginpublic

🚀 Built a Simple Calculator Web App Created a responsive calculator using HTML, CSS, and JavaScript with full keyboard support. Features: 💠Basic arithmetic operations 💠Keyboard input control 💠Custom delete (handles selected text & last digit) 💠Error handling using try–catch 💠Clean and user-friendly UI This project helped me strengthen my understanding of: 💠DOM manipulation 💠Event handling 💠Keydown events 💠Input validation #JavaScript #WebDevelopment #FrontendDeveloper #LearningByBuilding

🚀 Built a **Product Filter & Search App** using **HTML, CSS, and JavaScript**. This web application allows users to dynamically search products, filter by category, and sort items by price. The project focuses on improving **JavaScript logic, DOM manipulation, and interactive UI development**. 🔹 Features: • Product search functionality • Category-based filtering • Price sorting (Low → High / High → Low) • Responsive product card layout This project helped me strengthen my understanding of **JavaScript array methods, event handling, and dynamic UI rendering**. 🔗 Live Demo: (https://lnkd.in/gfcuhEwt) 💻 GitHub Repo: (https://lnkd.in/g9YZBp3u) #FrontendDevelopment #JavaScript #WebDevelopment #FrontendDeveloper #LearningInPublic

Day 3/30 – Event Countdown Timer Continuing my 30 Days – 30 Frontend Projects Challenge, today I built a countdown timer web app using HTML, CSS, and JavaScript. Features: • Real-time countdown (Days, Hours, Minutes, Seconds) • Clean and responsive UI layout • JavaScript logic updating every second • Simple and practical event tracking tool This project helped me practice time calculations, DOM updates, and interactive UI components. 🌐 Live Demo: https://lnkd.in/g2cVCzTF Consistency is key on to Day 4 tomorrow #snsinstitutions #snsdesignthinkers #designthinking #30DaysOfCode #FrontendDeveloper #WebDevelopment #JavaScript #StudentDeveloper

🚀 Excited to share my latest project: QR Code Generator built using React and Vite! This simple web application allows users to generate a QR code from any URL and download it instantly. 🔹 Key Features: • Generate QR codes from any URL • Input validation with error handling • Instant QR preview • Download QR code as PNG • Responsive UI design 🛠 Tech Stack: React | JavaScript | Vite | CSS | QRCode npm package Working on this project helped me strengthen my understanding of React state management, conditional rendering, and UI design. 🔗Link : https://lnkd.in/g6EUzh2F 🔗 GitHub Repository: https://lnkd.in/gmV7AiWi I’m continuously learning and building projects to improve my frontend development skills. #React #JavaScript #FrontendDevelopment #WebDevelopment #LearningInPublic #ReactJS

🎲 Dice Roller Web App I built a simple Dice Roller application using HTML, CSS, and JavaScript. 🔹 Features: • Roll a virtual dice with a single click • Generates a random number between 1 and 6 • Dynamic dice image update using JavaScript • Simple and interactive UI This project helped me practice JavaScript logic, DOM manipulation, and basic frontend development. In dice-roller apps, JavaScript usually generates a random number and updates the interface when the user clicks the roll button. 🔗 Live Project: https://lnkd.in/dxGvnd7b #JavaScript #HTML #CSS #WebDevelopment #FrontendDeveloper #Projects

🚀 New Project : Stopwatch web app I recently developed a Stopwatch Web Application using HTML, CSS, and JavaScript. ✨ Key Features: • Start, Pause, and Reset functionality • Accurate time tracking using JavaScript • Clean and responsive user interface This project helped me strengthen my understanding of JavaScript DOM manipulation, event handling, and time-based functions while improving my frontend development skills. 🔗 GitHub Repository: https://lnkd.in/gYxVg-Wr #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #CodingJourney

🧮 Built a Calculator using HTML, CSS & JavaScript 🚀 Excited to share another mini project from my frontend development journey — a Calculator Web App! This project demonstrates how basic arithmetic operations can be implemented using JavaScript along with a clean and responsive user interface. 🔹 Tech Stack Used: ✅ HTML5 – Structure of the calculator ✅ CSS3 – Styling and responsive layout ✅ JavaScript – Logic for calculations and user interactions 🔹 Key Features: ✔️ Perform basic arithmetic operations (+, −, ×, ÷) ✔️ Clean and user-friendly interface ✔️ Responsive design for mobile and desktop ✔️ Instant calculation results ✔️ Smooth button interactions Through this project, I strengthened my understanding of: 👉 JavaScript Functions 👉 DOM Manipulation 👉 Event Handling 👉 UI Component Development Building small projects like this helps improve problem-solving skills and strengthens frontend fundamentals step by step. 💡 🔗 Live Demo: https://lnkd.in/ggupsSsJ #WebDevelopment #FrontendDeveloper #JavaScript #HTML #CSS #UIDeveloper #ReactDeveloper #BuildInPublic #LearningByBuilding

🚀 React Router Project – Multi-Page Navigation App I recently built a small web application using React and React Router DOM to understand client-side routing and navigation in modern web applications. 🔹 Project Features • Multiple pages: Home, About, Courses, and Products • Navigation between pages using routing • Implemented page redirection using navigation components • Added Back, Next, and Return to Home functionality for better user experience • Clean component-based structure 🔹 Technologies Used • React.js • React Router DOM • JavaScript (ES6) • HTML & CSS 🔹 What I Learned • How client-side routing works in React applications • Implementation of navigation between different components • Managing page history using navigation features • Structuring React projects using reusable components This project helped me understand how modern single-page applications manage navigation without reloading the entire page. #React #ReactJS #ReactRouter #WebDevelopment #FrontendDevelopment #JavaScript #LearningByDoing

🚀 Project Showcase: Calculator Web App I recently built a Calculator Web Application using modern web technologies to strengthen my front-end development skills. 🔹 Key Features • Perform basic arithmetic operations (+, −, ×, ÷) • Clean and responsive user interface • Error handling for invalid inputs • Interactive button-based input system 🛠 Tech Stack • React.js • JavaScript • HTML • CSS 📚 What I Learned • Managing state in React • Handling user inputs and events • Building reusable components • Designing a responsive UI This project helped me understand how real-world applications manage logic and user interaction. github 🔗 https://lnkd.in/gNjfNDGJ deployment link https://lnkd.in/gUrakarD I’m continuously working on improving my development skills and building more projects. #React #JavaScript #WebDevelopment #FrontendDevelopment #Projects #Coding