Back to Journey
July 2025MILESTONE

Building My First Full-Stack Project with MERN Stack

From theory to real-world full-stack development

The Project: Learning Management System

Jumped into full-stack development by building a Learning Management System through a MERN stack course. Learned React, Express, and MongoDB by actually using them — setting up authentication with JWT, building CRUD features, handling file uploads, and integrating a payment gateway with Midtrans. Didn’t understand everything perfectly, but building a real project while learning helped things click far faster than just watching tutorials ever could.


What Made This Special

This was my first real full-stack project, and it changed everything. I went from building static websites to creating applications with actual databases, user authentication, and payment processing. Learning JWT authentication meant I understood how backend protects user data. Building CRUD features taught me how frontend and backend communicate. Integrating Midtrans payment gateway showed me how real-world applications handle sensitive transactions. Every part of the stack suddenly made sense.


Technologies & Skills


Key Features Built

  • User Authentication: JWT-based login system with secure password handling
  • Course Management: Complete CRUD operations for courses, lessons, and content
  • File Uploads: Students can upload assignments, teachers can provide feedback
  • Payment Integration: Integrated Midtrans for course purchases

Impact & Takeaway

This MERN stack project was transformative. It showed me I could build production-level applications. More importantly, it revealed how much I still had to learn — about error handling, security, testing, and deployment. But that challenge excited me rather than discouraged me. This milestone marked the transition from “learning to code” to “being a developer” in my mind. From here on, I wasn’t just trying to understand concepts — I was building solutions to real problems.

Part of my development journey