🚀 Open Source Contribution | MERN Stack | Real-World Bug Fixes I’m super excited to share my latest open-source contribution to a popular MERN Food Delivery project 🍕 This repo has gained 100+ stars and 110+ forks, and I had the opportunity to contribute meaningful improvements to it! 💪 🔧 Here’s what I worked on: 🎨 Fixed image display issue in FoodItem.jsx — food images now render correctly. 🛒 Fixed “Cannot read properties of undefined (reading '1')” bug by adding a safe fallback in the cart logic. Improved cart logic to prevent crashes when the cart is empty. 💪 Enhanced menu filtering logic for smoother UI experience in ExploreMenu.jsx. 📘 Updated the README with proper .env usage instructions, replaced exposed Stripe/JWT keys with placeholders, and added clearer deployment notes. 💡 Suggested adding live frontend, backend & admin links for better project testing and collaboration. 💡 What’s even more exciting? My Pull Request was successfully merged into the main project — meaning my code is now part of a widely-used open-source repo! 🙌 🔗 Merged Status : https://lnkd.in/gUaVGb-g 🔗 My Repo 1 : https://lnkd.in/gPMkMzzH 🔗 My Repo 2 : https://lnkd.in/gWbruxzq I learned a lot about real-world debugging, code review, and GitHub collaboration through this experience. Proud to be part of the open-source community! ❤️ 💬 If you’re working on open source or MERN projects too, I’d love to connect and collaborate! #MERNStack #OpenSource #GitHub #JavaScript #ReactJS #NodeJS #ExpressJS #MongoDB #FullStackDeveloper #WebDevelopment #SoftwareEngineering #DeveloperCommunity #CodingJourney #100DaysOfCode #ProjectBasedLearning #BugFix #PullRequest #TechCommunity
Prem Kumar’s Post
More Relevant Posts
-
Quick MERN Tip for Fellow Developers! Struggling with clean API calls in React? Here’s a small trick that saves a lot of headaches: ✅ Create a separate service file for all your API calls. ✅ Keep components clean by just calling functions from the service. ✅ Makes your code readable, reusable, and scalable. Example: // userService.js export const getUsers = async () => { const res = await fetch("/api/users"); return res.json(); }; In your component: import { getUsers } from "./userService"; useEffect(() => { getUsers().then(data => setUsers(data)); }, []); Small habits like this level up your MERN projects and make coding way more fun! 💡 #MERNStack #ReactJS #NodeJS #MongoDB #ExpressJS #WebDevelopment #CodingTips #LearnByDoing
To view or add a comment, sign in
-
Web Development — The Journey That Never Really Stops Looking back at my own coding path, I couldn’t agree more with this roadmap. Every developer starts simple — HTML and CSS — but what makes this field beautiful is how each stage builds on the previous one. From writing your first <div> to deploying a full-stack app using React, Node.js, Express, and MongoDB, this journey transforms you completely. 💻✨ Every “Stage” here is not just a skill… it’s a mindset shift. You start learning how to structure, then how to style, then how to think logically with JavaScript, then comes the fun part — building real projects, connecting APIs, and mastering full-stack flow. I’ve lived through this roadmap — debugging late nights, rewriting components, designing RESTful APIs, and optimizing MongoDB queries. And trust me, the deeper you go, the more exciting it gets! 💪 Whether you’re just starting out or already working as a developer — remember, this path never truly ends. Tech evolves, but your foundation stays your superpower. 🧠⚡ Let’s keep building, learning, and growing — one commit at a time! 🧩 #WebDevelopment #JavaScript #ReactJS #NodeJS #ExpressJS #MongoDB #MERNStack #Frontend #Backend #FullStackDeveloper #100DaysOfCode #CodeNewbie #WomenWhoCode #TechCommunity #SoftwareDevelopment #CodingJourney #LearnToCode #Programming #TechCareers #LinkedInTech #TrendingNow #DeveloperLife #WebDev #JS #React #Node #Mongo #GitHub
To view or add a comment, sign in
-
-
Most people who try to learn full-stack development get overwhelmed before they even begin. The issue isn’t ability — it’s not having a clear and structured starting point. That’s why I wrote a beginner-friendly explanation of the MERN Stack (MongoDB, Express, React, Node). Straightforward. Practical. Easy to follow. No unnecessary buzzwords — just what matters. 💡 This guide covers: ✅ How the frontend and backend actually communicate ✅ The role of each MERN component ✅ How data flows through a real application ✅ Example CRUD operations ✅ A realistic roadmap to go from beginner → building full projects If you’re learning web development or planning to build real applications, read this Dev.to https://lnkd.in/gw5xmta5 Medium https://lnkd.in/gedXNkCH Save or share if it helps — someone else is trying to learn this right now. 💬 #MERN #FullStackDevelopment #WebDevelopment #JavaScript #React #NodeJS #MongoDB #LearningToCode
To view or add a comment, sign in
-
-
💻 I’m super excited to share my Full Stack Developer Notes (PDF) — a complete guide I created while learning, practicing, and building real-world web development projects! 🚀 Over the past few months, I’ve been diving deep into both Frontend and Backend technologies — and to keep my learning structured, I compiled everything into one organized, easy-to-understand resource. 📘 What’s inside these notes: ✨ Frontend fundamentals — HTML, CSS, and JavaScript (with real examples) ⚛️ React.js concepts — components, hooks, props, and routing 🖥️ Backend essentials — Node.js and Express.js for building REST APIs 🗄️ Database layer — MongoDB CRUD operations and schema design 🔗 API development, authentication, and integration 🚀 Deployment tips, folder structure, and project workflow 🧠 Interview-ready explanations of core full-stack concepts These notes are made by a learner, for learners — to help anyone who wants to understand full-stack development from scratch and build confidence before interviews. 📩 Feel free to download, study, and share your feedback — I’d love to know how these notes help you in your coding journey! 🙌 #FullStackDevelopment #WebDevelopment #React #NodeJS #ExpressJS #MongoDB #Frontend #Backend #CodingJourney #CareerGrowth #LearnToCode #Developers #Programming #TechCommunity #JavaScript #VikasKumar
To view or add a comment, sign in
-
After spending 5 years building products, breaking code, fixing bugs, and learning from every crash and commit — here are a few lessons that shaped my journey as a developer 👇 🔥 5 Things I’ve Learned as a MERN Stack Developer: Code for humans, not just machines. Clean, readable code always wins in the long run. Keep learning. Frameworks evolve, but problem-solving never goes out of style. Collaborate early. Communication saves more time than debugging ever will. Build projects, not perfection. Every imperfect project teaches something real. Stay curious. Tech moves fast — those who learn faster, lead faster. Each project taught me more about patience, persistence, and passion than any tutorial ever could. Here’s to every line of code that didn’t work (until it did). 🚀 #MERNStack #WebDevelopment #FullStackDeveloper #DeveloperJourney #CareerGrowth #JavaScript #ReactJS #NodeJS #MongoDB
To view or add a comment, sign in
-
-
🔥 MERN Developers, Heads Up! Is it Bad News or Great News? Dotenv and Nodemon are Becoming Optional! 🔥 This is the trending tech update every Node.js developer needs to know right now! Modern Node.js versions (specifically v20.6+ and v18.11+) have started natively supporting features that replace the need for these two popular packages: Goodbye Dotenv 👋 (Node v20.6.0+) No need for an extra dependency just to manage your secrets! The new way: Use the built-in flag with your start command: node --env-file=.env index.js Direct Support! This can also lead to faster startup times! ⚡ So Long Nodemon 👋 (Node v18.11.0+ / v22+) You no longer need to install nodemon for automatic server restarts. The new way: Use the native watch mode: node --watch index.js Built-in Feature! Making your development workflow significantly smoother! ✨ The Takeaway: If you're running the latest Node.js version, you can ditch these two common dependencies, making your project lighter, cleaner, and more robust! What's your plan? Will you switch to the native features immediately, or do you feel the established setup is still the best? Let's discuss! 🤔 #Nodejs #MERNStack #TechNews #Trending #DevOps #JavaScript #DeveloperLife
To view or add a comment, sign in
-
-
📘 Understanding the MERN Stack for Beginners Hey everyone 👋 I’ve created a simple, easy-to-follow document on the MERN Stack , perfect for students and beginners who want to understand how to build full-stack applications using JavaScript! 💻 In this guide, you’ll learn: 🧩 What MERN (MongoDB, Express, React, Node) really is ⚙️ How the components work together 💪 Tips for building your first MERN app 🚀 Why MERN is one of the best stacks for new developers You can read or download the full document right here ! 💾 Let’s keep learning and growing together 💡 #MERNStack #WebDevelopment #FullStackDeveloper #JavaScript #ReactJS #NodeJS #MongoDB #ExpressJS #Coding #Students #LearnToCode
To view or add a comment, sign in
-
🔥 MERN Stack — From Beginner to Advanced! 🚀 Become a Full-Stack Developer by mastering the MERN stack step by step! 💡 Build powerful, real-world web apps using: ✅ MongoDB – Database handling ✅ Express.js – Backend framework ✅ React.js – Frontend library ✅ Node.js – Server-side runtime 📘 Learn to: Build REST APIs Connect frontend & backend Deploy full-stack projects Handle authentication & real-time data Master MERN → Master Modern Web Development 🌟 👉 Follow Pluto Academy for full-stack roadmaps, project ideas & interview prep resources. #MERNStack #WebDevelopment #FullStackDeveloper #JavaScript #NodeJS #ReactJS #CodingJourney #PlutoAcademy #CareerGrowth
To view or add a comment, sign in
-
💭 “𝐈 𝐰𝐢𝐬𝐡 𝐈 𝐡𝐚𝐝 𝐤𝐧𝐨𝐰𝐧 𝐭𝐡𝐢𝐬 𝐛𝐞𝐟𝐨𝐫𝐞 𝐜𝐡𝐨𝐨𝐬𝐢𝐧𝐠 𝐦𝐲 𝐬𝐭𝐚𝐜𝐤…” When I started learning web development, I used to jump between different frameworks — Angular one week, Django the next. But the more I explored, the more I realized this 👇 ⚛️ React isn’t just a frontend library — it’s a mindset. Once you understand components and state, you start thinking in reusable pieces instead of pages. 🟢 Node.js + Express make backend development feel alive. JavaScript everywhere — frontend to backend — means you can focus more on building and less on context switching. 🍃 MongoDB taught me flexibility. No rigid tables, just dynamic data that evolves with your app. Perfect for rapid prototyping and projects that grow fast. 🔗 Together, they form my favorite combo: The MERN Stack. It’s clean, fast, beginner-friendly — and most importantly, it helps me build ideas into reality. 🎯 The truth? The “best stack” doesn’t exist — the best one is the one that keeps you curious enough to create and motivated enough to learn every day. 👇 What’s your go-to tech stack — and why do you love it? #MERNStack #FullStackDevelopment #WebDevelopment #JavaScript #CodingCommunity #LearningJourney #SoftwareEngineering #GrowthMindset
To view or add a comment, sign in
-
-
As a MERN Full Stack learner, today I explored one of the most important parts of modern web development — APIs (Application Programming Interfaces). APIs act as a bridge between the frontend and backend, allowing different parts of an application (or even different systems) to communicate smoothly. Here’s what I learned today: ✅ APIs help send and receive data between client and server. ✅ REST APIs are most commonly used in MERN applications. ✅ JSON format makes data transfer simple and readable. ✅ Understanding endpoints and HTTP methods (GET, POST, PUT, DELETE) is essential. Learning how APIs work gave me a deeper understanding of how data flows in full-stack projects — and it’s a key step toward becoming a confident developer! #MERN #WebDevelopment #LearningJourney #FullStackDeveloper #API #Nodejs #React #MongoDB #Express
To view or add a comment, sign in
Explore related topics
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