The latest articles on DEV Community by Naresh Kumar K (@naresh_kmu_68). https://dev.to/naresh_kmu_68 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1747630%2Ffbc81d3a-ccb3-45ae-a3d5-f7e6b7addf13.jpg https://dev.to/naresh_kmu_68 en Naresh Kumar K Mon, 08 Jul 2024 14:10:29 +0000 https://dev.to/naresh_kmu_68/preparing-for-the-100-days-of-mern-full-stack-challenge-the-goals-plan-and-expectations-b2h https://dev.to/naresh_kmu_68/preparing-for-the-100-days-of-mern-full-stack-challenge-the-goals-plan-and-expectations-b2h <p><strong>Hello developers 👋,</strong></p> <p>I’m Naresh Kumar, a beginner in Full Stack Development from India. Tomorrow, I’m starting the #100DaysOfFullStackChallenge to improve my full-stack skills and become job-ready in the next 100 days 🚀.</p> <p><strong>My Goals 🎯</strong></p> <ul> <li> Improve my coding skills 🧑‍💻 and create outstanding full-stack projects.</li> <li> Build and deploy at least three full-stack projects.</li> <li> Gain a solid understanding of the MERN stack (MongoDB, Express, React, Node.js).</li> </ul> <p><strong>My Tech Stack 🛠️</strong></p> <ul> <li> Framework: React.js</li> <li> CSS Libraries: TailwindCSS &amp; Bootstrap</li> <li> Database: MongoDB</li> <li> Dev Tools: Git, VS Code, GitHub</li> </ul> <p><strong>My Plan 📅</strong></p> <ul> <li>I plan to become an outstanding full-stack developer in the next 100 days. Here’s a short overview of my journey:</li> </ul> <p><strong>Days 1-5</strong></p> <ul> <li> Quick revision of HTML and CSS to ensure a solid foundation.</li> <li> Practice building a couple of responsive layouts.</li> </ul> <p><strong>Days 6-15</strong></p> <ul> <li> Learn the basics of JavaScript.</li> <li> Practice with small projects or coding challenges to strengthen your understanding.</li> </ul> <p><strong>Days 16-25</strong></p> <ul> <li> Learn the basics of React.js and build simple React components.</li> <li> Create a small project to apply what you've learned.</li> </ul> <p><strong>Days 26-35</strong></p> <ul> <li> Explore the basics of backend development with Node.js and Express.js.</li> <li> Set up a simple server and understand routing.</li> </ul> <p><strong>Days 36-45</strong></p> <ul> <li> Create basic and responsive frontend projects using React.js, HTML, and CSS.</li> <li> Integrate with your backend server to make it a full-stack project.</li> </ul> <p><strong>Days 46-55</strong></p> <ul> <li> Learn about database management with MongoDB and connect it with Express.js.</li> <li> Perform CRUD operations and build a simple API.</li> </ul> <p><strong>Days 56-65</strong></p> <ul> <li> Dive into state management in React with Redux.</li> <li> Implement state management in a project.</li> </ul> <p>Days 66-75</p> <ul> <li> Start creating full-stack projects combining React.js, Node.js, Express.js, and MongoDB.</li> <li> Focus on at least one full project during this period.</li> </ul> <p><strong>Days 76-85</strong></p> <ul> <li>Explore new technologies and tools in full-stack development (e.g., testing with Jest, version control with Git/GitHub).</li> <li> Implement these in your ongoing projects.</li> </ul> <p><strong>Days 86-95</strong></p> <ul> <li> Learn about authentication and authorization technologies (e.g., JWT, OAuth).</li> <li> Add authentication to your projects.</li> </ul> <p><strong>Days 96-100</strong></p> <ul> <li> Build a comprehensive full-stack project for practice purposes.</li> <li> Ensure it includes all the aspects you've learned (frontend, backend, database, state management, authentication).</li> </ul> 100daysofcode fullstack webdev programming