BELAJARMERN.ID

Membangun Aplikasi Website Event dengan MERN Stack

hero

Belajar Bersama

Mentor yang berpengalaman di industri IT sekaligus Co-Founder WPU Course.

Sandhika Galih
Avip Syaifulloh
Agung Rizkyana

Sandhika Galih

Sebagai Product Manager

Pak Dhika merupakan dosen dengan pengalaman lebih dari 15 tahun, selain itu juga merupakan seorang Google Developer Expert dibidang web dan juga merupakan founder dari WPU yang memiliki lebih dari 900.000 subscribers di YouTube dan memiliki komunitas programming terbesar di Indonesia pada platform Discord dengan jumlah 50.000+ members. Saat ini juga merupakan Co-Founder dari WPU Course. 

Tech Stack

Teknologi dalam course ini menggunakan teknologi yang saat ini populer di industri IT, disertai dengan library-library pendukung yang dibutuhkan untuk proses development.

Mongo DB
Express JS
React JS
Node JS
Next JS
Typescript
Tailwind

Library

Library yang akan digunakan dalam pembelajaran MERN Stack di Belajar MERN by WPU Course.

Front End

React JS 19

Frontend Library

Next JS 15

React Framework

Tailwind CSS

CSS Framework

Next UI

UI Library

Tanstack React Query & Axios

Data Fetching

React Hook Form

Form Validation

Yup

Data Validation

Next Auth

Authentication Library

Back End

Express JS

Backend Framework

Monggose

MongoDB Object Modeling

Swagger

API Documentation

Yup

Data Validation

Nodemailer & Zoho SMTP

Send Email

JWT

JSON Web Token Authentication

Ejs

Template Engine

Cloudinary

Cloud Storage

Silabus Pembelajaran

Lebih dari 100 video pembelajaran membangun website event management menggunakan MERN Stack berstandar industri.

Intro

Intro

Project Management Fundamental & Demo Product

General

  1. 1. Perkenalan Mentor
  2. 2. Demo Product Akhir
  3. 3. Pengenalan Project Management
  4. 4. Project Management Methodology
  5. 5. Scrum Framework

Sprint 1

Sprint 1

Setup Project & Auth Management (27 Video)

General

  1. 1. Sprint Planning Meeting 1

Back End

  1. 2. Setup Project Backend
  2. 3. Setup Postman
  3. 4. Setup Git Backend
  4. 5. Setup Database MongoDB
  5. 6. API Auth Register
  6. 7. Validtion API Register
  7. 8. Save Data Register
  8. 9. Password Encryption
  9. 10. API Auth Login
  10. 11. API Auth Get Profile
  11. 12. Setup Deployment Vercel Back End
  12. 13. API Documentation With Swagger
  13. 14. API Auth Activation Part 1
  14. 15. API Auth Activation Part 2

Front End

  1. 16. Setup Project Frontend
  2. 17. Setup Git & Deployment Vercel Front End
  3. 18. UI Auth Register
  4. 19. Implementasi API Auth Register
  5. 20. Success Register UI
  6. 21. UI & Implementasi API Auth Activation
  7. 22. Setup Next Auth
  8. 23. UI Auth Login
  9. 24. Setup Layout Dashboard
  10. 25. Setup Middleware

General

  1. 26. Sprint Retrospective 1
  2. 27. Sprint Review 1

Sprint 2

Sprint 2

Category Management & Event Management (28 Video)

General

  1. 1. Sprint Planning 2

Back End

  1. 2.Middleware Controll Access
  2. 3.API Media Handling
  3. 4.Refactor API Response
  4. 5.API Category Management
  5. 6.API Location
  6. 7.API Event
  7. 8.API Deployment & Documenatation

Front End

  1. 9.Update Next JS 15
  2. 10.Datatable UI
  3. 11.Search, Limit & Pagination
  4. 12.Debounce Search Hooks
  5. 13.List Category
  6. 14.Dropzone Input File Component
  7. 15.Setup useContext For Toaster
  8. 16.Create Category
  9. 17.Refactor Upload File
  10. 18.Delete Category
  11. 19.Detail Category
  12. 20.Update Category
  13. 21.List Event
  14. 22.Create Event
  15. 24.Delete Event
  16. 25.Detail & Update Event
  17. 26.Deployment Front End

General

  1. 27.Sprint Review 2
  2. 28.Sprint Retrospective 2

Sprint 3

Sprint 3

Ticket Management & Banner Management (17 Video)

General

  1. 1. Sprint Planning 3

Back End

  1. 2. Adjusment API Event
  2. 3. API Ticket Management
  3. 4. API Banner Management
  4. 5. API Handling Not Found
  5. 6. Deploy & Documentation API Ticket & Banner

Front End

  1. 7. Adjusment Event Management
  2. 8. List Ticket
  3. 9. Create Ticket
  4. 10. Delete Ticket
  5. 11. Detail & Update Ticket
  6. 12. List Banner
  7. 13. Create Banner
  8. 14. Delete Banner
  9. 15. Detail & Update Banner
  10. 16. Deployment Ticket & Banner Management

General

  1. 17. Sprint Review 3

Sprint 4

Sprint 4

Landing Page & Payment (22 Video)

General

  1. 1. Sprint Planning 4

Back End

  1. 2. Refactor API Find Event
  2. 3. Setup Payment Gateway
  3. 4. API Create Order
  4. 5. API History Transaction For Admin
  5. 6. API Transaction Complete

Front End

  1. 7. Landing Page Layout
  2. 8. Navbar UI
  3. 9. Handle Token Expired
  4. 10. Footer UI
  5. 11. Slider Banner
  6. 12. Card Event UI
  7. 13. Card Category UI
  8. 14. Explore Event Page
  9. 15. Filter Event
  10. 16. Handle Empty Event
  11. 17. Search Event
  12. 18. Detail Event
  13. 19. Add To Cart Event
  14. 20. Handle Payment

General

  1. 21.Sprint Review 2
  2. 22.Sprint Retrospective 2

Sprint 5

Sprint 5

Payment Management & Update Profile (18 Video)

General

  1. 1. Sprint Planning 5

Back End

  1. 2. API Delete Order
  2. 3. API Get Order
  3. 4. API Order Pending & Cancel
  4. 5. API Order Deploy
  5. 6. Review DAO VS DTO
  6. 7. API Update Profile & Password
  7. 8. API Improve Delete Event
  8. 9. API Global Error Handler

Front End

  1. 10. Success Payment
  2. 11. List Transaction Member
  3. 12. Detail Transaction Member
  4. 13. List & Delete Transaction Admin
  5. 14. Detail Transaction Admin
  6. 15. Profile Page
  7. 16. Update Password & Deployment

General

  1. 17. Sprint Review 5
  2. 18. Project Closing

Kelas Belajar MERN Stack

Rp 2.500.000

Rp 350.000

Benefit:

  • 100+ video pembelajaran
  • Akses kelas selamanya
  • Sertifikat digital
  • Grup diskusi exclusive di Discord WPU
  • Teknologi standar industri top IT company
  • Pembelajaran proses development dengan Agile

Part of

WPU COURSE

All Right Reserved. 2025