DEV Community

Cover image for Preparing for the 100 Days of MERN Full Stack Challenge: The Goals, Plan, and Expectations
Naresh Kumar K
Naresh Kumar K

Posted on

Preparing for the 100 Days of MERN Full Stack Challenge: The Goals, Plan, and Expectations

Hello developers ๐Ÿ‘‹,

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 ๐Ÿš€.

My Goals ๐ŸŽฏ

  • Improve my coding skills ๐Ÿง‘โ€๐Ÿ’ป and create outstanding full-stack projects.
  • Build and deploy at least three full-stack projects.
  • Gain a solid understanding of the MERN stack (MongoDB, Express, React, Node.js).

My Tech Stack ๐Ÿ› ๏ธ

  • Framework: React.js
  • CSS Libraries: TailwindCSS & Bootstrap
  • Database: MongoDB
  • Dev Tools: Git, VS Code, GitHub

My Plan ๐Ÿ“…

  • I plan to become an outstanding full-stack developer in the next 100 days. Hereโ€™s a short overview of my journey:

Days 1-5

  • Quick revision of HTML and CSS to ensure a solid foundation.
  • Practice building a couple of responsive layouts.

Days 6-15

  • Learn the basics of JavaScript.
  • Practice with small projects or coding challenges to strengthen your understanding.

Days 16-25

  • Learn the basics of React.js and build simple React components.
  • Create a small project to apply what you've learned.

Days 26-35

  • Explore the basics of backend development with Node.js and Express.js.
  • Set up a simple server and understand routing.

Days 36-45

  • Create basic and responsive frontend projects using React.js, HTML, and CSS.
  • Integrate with your backend server to make it a full-stack project.

Days 46-55

  • Learn about database management with MongoDB and connect it with Express.js.
  • Perform CRUD operations and build a simple API.

Days 56-65

  • Dive into state management in React with Redux.
  • Implement state management in a project.

Days 66-75

  • Start creating full-stack projects combining React.js, Node.js, Express.js, and MongoDB.
  • Focus on at least one full project during this period.

Days 76-85

  • Explore new technologies and tools in full-stack development (e.g., testing with Jest, version control with Git/GitHub).
  • Implement these in your ongoing projects.

Days 86-95

  • Learn about authentication and authorization technologies (e.g., JWT, OAuth).
  • Add authentication to your projects.

Days 96-100

  • Build a comprehensive full-stack project for practice purposes.
  • Ensure it includes all the aspects you've learned (frontend, backend, database, state management, authentication).

Top comments (0)