Nayeem Bin Noor’s Post

🚀 Project Spotlight: JavaScript Stopwatch ⏱️ I’m thrilled to share my latest project—a fully functional stopwatch built from scratch using JavaScript! This project was a great way to dive deeper into JavaScript's timing functions and DOM manipulation. 🔧 Features: Start, stop, and reset functionality Lap time tracking Responsive design, compatible with various screen sizes Clean and minimalistic UI 💡 Learning Outcomes: Improved understanding of setInterval() and clearInterval() for precise timing Enhanced skills in DOM manipulation to update the display in real-time Gained experience in designing intuitive user interfaces 👩💻 Check it out: [Link = https://lnkd.in/grvDdpMr ] This project was a fun challenge and I’m excited to continue building more! Any feedback or suggestions for improvement are welcome. 😊 #JavaScript #WebDevelopment #Coding #Projects #Learning

🚀 Excited to Share My New Project! 🍕🍔🥗 I’ve just finished building a full-stack Food Delivery App using the MERN stack! 🎉 Here’s a quick overview of the tech stack and features I implemented: 🛠️ Tech Stack Frontend: React, React-Router-Dom, CSS Backend: Node.js, Express.js, MongoDB Security: JWT for authentication, bcrypt for password hashing Payments: Integrated with Stripe for secure payments Hosting: Deployed on Render 🖥️ Admin Dashboard I also created an admin dashboard to manage products where admins can: Add new items List all products Remove items Check out my app here 👉 https://lnkd.in/eE-yxB7y GitHub repo - https://lnkd.in/eeMayhpY Note: Since I’m using a free plan on Render for the backend, it occasionally goes down, leading to a 502 Bad Gateway error. If you encounter this, it means I need to restart the backend service—thanks for your patience! 🙏 I’m really proud of this project, and I’d love any feedback! 💡

🚀 Excited to Share My Latest Project: GeeksterPok! 🚀 Hey everyone! 👋 I'm thrilled to introduce GeeksterPok, a fun and interactive web app built to explore the fascinating world of Pokémon! 🎮✨ 🔍 What’s GeeksterPok? GeeksterPok is a simple, yet powerful project that allows you to view and filter Pokémon based on their type (e.g., Grass, Fire, Water, etc.). Whether you’re a Pokémon newbie or a seasoned trainer, you’ll love this easy-to-use interface that helps you quickly explore your favorite Pokémon. 🦸♂️ Features: 1. Pokémon List: View a dynamic list of all available Pokémon. 2. Filter by Type: Select a type (e.g., Grass, Fire) from a dropdown and click the 'Filter by Type' button to see only Pokémon of that type. 3. Reset Function: Click the 'Reset' button to bring back the full list of Pokémon. This was a fantastic project for me to hone my skills in front-end development, particularly in JavaScript and HTML and CSS, while also integrating API data to fetch Pokémon information dynamically. 💡 What I learned: 1. Working with APIs to retrieve and display data dynamically 2. Building interactive UI components using React 3. Handling state and user interactions efficiently You can check out the project and explore the Pokémon world here: Hosted Link:- https://lnkd.in/dmbJjDVj Would love to hear your thoughts, feedback, and any suggestions on how to improve it! 🤖🐾 #WebDevelopment #ReactJS #JavaScript #Frontend #Pokémon #API #TechProjects #LearningByDoing #React #WebApp #GeeksterPok

🚀 Excited to Share My Latest Project: A Feature-Rich Stopwatch! ⏱️ Just completed a fun and educational project where I built a fully functional stopwatch with some exciting features! Key Highlights: Start, Stop, and Reset: Core functionalities to help you keep track of time effortlessly. User-Friendly Interface: Clean and modern design with intuitive controls. Creative Additions: Lap Timer: Capture and review multiple time intervals. This project was a great opportunity to sharpen my skills in HTML, CSS, and JavaScript while focusing on UI consistency and creativity. It’s amazing how a simple tool can become a comprehensive utility with a bit of imagination! Check out the project here : https://lnkd.in/eyKrZBwn and let me know your thoughts! #WebDevelopment #JavaScript #CSS #HTML #ProjectShowcase #TimeManagement #UIUX #Coding

🚀Feeling very excited to share my another Frontend Application project - Stopwatch using HTML, CSS and Vanilla Js. Sooner will be working on #Fullstack applications. Everyday is a new learning day and when your learning becomes reality it gives immense happiness😀. Do share yours as well. 👇👇 Here is the link to access the app at your fingertips - https://lnkd.in/dEVdHfQ2 Here is the link of source code github repo as well - https://lnkd.in/dpEJHDGp A great thanks to Coding Ninjas team for giving this kind of project. #webdev #frontend #html #css #javascript #coding

🎮 Unlock the Power of C++ with Game Development! 🚀 I’m excited to share a must-read for aspiring game developers and C++ enthusiasts: "Beginning C++ Game Programming, Third Edition" by John Horton. This comprehensive guide is the perfect fusion of learning and creativity, designed to take you from programming novice to confident game developer. In this newly updated edition, John Horton masterfully walks readers through the intricacies of C++ by building four captivating games, each more complex than the last. Starting with a Timberman clone, progressing through a Pong remake, diving into a Zombie survival shooter, and culminating with an endless runner, this book offers a hands-on approach that makes learning C++ not only accessible but also enjoyable. 🔍 Key Takeaways? Comprehensive C++ Fundamentals: Begin with the basics and progressively deepen your understanding of C++20, mastering variables, loops, decision-making, and object-oriented programming. Advanced Game Development Techniques: Explore critical concepts like collision detection, game physics, vertex arrays, and OpenGL shaders, all while developing fully playable games. Practical, Real-World Skills: Gain experience with the Standard Template Library (STL), pointers, and modern C++ features, setting the stage for tackling more complex projects in the future. Cross-Platform Development: Discover how to write code that’s not only efficient but also adaptable across different platforms, making you versatile in the ever-evolving tech landscape. Whether you're aiming to break into the game industry, seeking to enhance your programming repertoire, or just passionate about creating immersive experiences, this book provides a solid foundation and a wealth of knowledge. It’s a rare find that balances technical depth with a clear, engaging teaching style, making it an indispensable resource. 🎯 Why This Book Matters? C++ remains the gold standard in game development, prized for its performance, flexibility, and widespread use in industry-leading engines like Unreal Engine. By learning C++ through the lens of game development, you not only acquire essential programming skills but also gain the ability to craft interactive, visually stunning applications. This book is your gateway to achieving that goal. So if you’re ready to elevate your coding skills and explore the dynamic world of game development, add "Beginning C++ Game Programming, Third Edition" to your reading list today. Your journey into the heart of C++ and game creation starts here! Special thanks to Packt and Sohini Ghosh for sharing a review copy of the book. Book link: https://packt.link/yuwyY 🌟 #CPlusPlus #GameDevelopment #Programming #CPlusPlus20 #GameDesign #Coding #TechInnovation #Learning

Hey everyone! On day 71 of my #100DaysOfCode journey, I dived into creating an enchanting story generation tool designed specifically for kids. 📚👦👧 Users are invited to provide a profile, including details about the their interests. From there, a unique story is crafted to captivate and entertain young readers. 🎨✨ Plus, to enhance the experience, I've added character images to help children visualize the story and ignite their imagination. 🖼️💡 #StoryGeneration #KidsStories #VisualizeStorytelling

🚀 Exciting Update! 🚀 I'm thrilled to share the latest project I've been working on: Quordle – a challenging and fun twist on the classic Wordle game! What is Quordle? 🤔 Quordle takes the Wordle experience to the next level by offering not one, but four simultaneous game boards to solve. It's designed for those who love a good brain workout and want to test their word-guessing skills on multiple fronts! Key Features: - 🕹 Four Game Boards: Challenge yourself with four words to guess at once. - 🎯 Integrated Keyboards: Use both virtual and physical keyboards seamlessly. - 🔄 Real-time Sync: Each letter press updates all boards, making gameplay smooth and intuitive. - 🚦 Corner Indicators: Visual cues on the keyboard show letter statuses for each board. - 🏆 Dynamic Feedback: Immediate feedback on your guesses, with correct and incorrect positions highlighted. How to Play: 1. Guess a 5-letter word and type it in. 2. Receive feedback on each letter's correctness and position across all boards. 3. Continue guessing until all words are correctly identified or attempts are exhausted. 4. Enjoy the thrill of multitasking and sharpen your word-solving skills! Technologies Used: - ⚛️ React: For a responsive and dynamic user interface. - 🎨 CSS: For sleek and intuitive design. - 💻 APIs: To fetch random five-letter words and ensure a fresh challenge every game. I'm incredibly proud of how Quordle has turned out and can't wait for you all to try it. Your feedback and suggestions are always welcome! Ready to take on the Quordle challenge? 🧩 quordlequest.netlify.app #Quordle #Wordle #WebDevelopment #ReactJS #React #GameDevelopment #Coding #TechInnovation #ChallengeAccepted

"When you switch from a dark IDE to a light theme IDE: ☀️➡️🔥 👀 My eyes are on fire! 🫣 Dark mode gang, where you at? 🖤✨ Pro tip: Stick to dark mode—it’s not just a preference; it’s a lifestyle. Saves your eyes and your soul. 😎🖥️" #DarkModeForever 🌑 #LightModeStruggles 🔥 #CodingLife 💻 #IDEAdventures 🤓 #DeveloperHumor 😂 #SaveYourEyes 👀 #ProgrammerProblems 😵💫 #TechMemes 🤖 #CodeAndChill ✨ #CodeGiggles 😂 #SoftwareEngineering 🛠️ #DevCommunity 🌐 #CodingJourney 🚀 #DebuggingFails 🔧

Calling all 90's kids! So excited to share my latest personal project. Recently, I stumbled upon PokeAPI (yes, fashionably late), and I couldn't resist crafting my very own #pokedex using #remix, #typscript, #tailwindcss and #react. Here's what sets it apart: A lightning-fast search bar that dynamically filters by Pokémon name and number with every keystroke. Seamless sorting capabilities by name and number, ensuring effortless navigation. Detailed individual Pokémon pages featuring vital stats such as types, height, weight, concise descriptions, stats breakdowns, and evolutionary paths. Not to mention, intuitive navigation with arrow buttons flanking each Pokémon image, allowing for effortless exploration. Regrettably, this gem is exclusively available on mobile, paying homage to the handheld origins of the iconic Pokédex in canon. Click this link to check it out! https://lnkd.in/exQuiH3a #webdevelopment #pokemon #frontend #frontenddevelopment #softwareengineering #remixjs