2 min read
Shayna - Learning Management System

Shayna LMS

📝: Completed 🔒: Public

A Learning Management System By Build With Angga Course is a web-based platform with purpose to provide an efficient and engaging learning experience for students.

Technology Used

javascript
react
node_js
mongodb
express
tailwind

Key Responsibilities

  • Learning how to become a fullstack developer using modern technology like React, Node.js, and MongoDB.
  • Implementing how to convert HTML template to JSX and implement reusable components and hooks.
  • Learning how to use Tailwind CSS which is a utility-first CSS modern framework for easy to styling the components and make the view more professional.
  • Implementing React Query which is a library to increase the performance of the application by fetching and mutating data from API.
  • Implementing React Hook Form and Zod for form handling and validation to ensure the data is valid before sending to the server.
  • Build the API architecture using Express and connect to MongoDB as the database.
  • Implementing token based authentication using JWT to protect the routes that need to be accessed by authenticated users only.
  • Implementing Third Party integration such as Midtrans for payment gateway and Cloudinary for image storage.

Features

  • Registration, to create an account for the user.

Shayna LMS

  • Login, to access the features that need to be authenticated.

Shayna LMS

  • Payment, to pay the course that the user want to learn.

Shayna LMS

  • Dashboard, to see the overview of the application.

Shayna LMS

  • Manage Course, to see the list of courses and choose one to continue the learning.

Shayna LMS

  • Manage Content, to see the list of content and choose one to continue the learning.

Shayna LMS

  • Content Preview, to see the preview of the content.

Shayna LMS

Shayna LMS