Raditss / toco-spa

Web-Based Development - A single page application for admin to manage contents on the toco-app (React.js, Tailwind CSS).

SPA for Toco

Description

Toco-SPA is a single page application for Toco admin to manage materials and contents on the Toco-App.

Admins are able to create exercises for users to practice on. Each exercises have multiple questions (multiple choices). Admins also able to view, edit, and delete exercises. User will get gems everytime they completed an exercise.

Admins are able to create merchandises for users to buy with Gems. Admins are able to view, edit, and delete merchandises.

Admins are able to create vouchers. Vouchers are codes that can be redeemed by users to get more gems. Admins are also able to view, edit, and delte vouchers.

Admins are able to register another admins.

Features Overview

• Authentication (JWT)
• CRUD Exercises
• CRUD Merchandises
• CRUD Admins
• CRUD Vouchers

Bonus:

• Responsive
• Docker

Screenshots

• login
• Exercise overview
• New exercise
• Edit exercise
• Merchandise overview
• New merchandise
• Edit merchandise
• Voucher overview
• New voucher
• Edit voucher
• Admin overview
• New admin
• Edit admin

Contributors

Features	NIM
Environment setup	13521021
Login Page	13521021
Authentication	13521021
Authorization	13521019
Sidebar and logout	13521019
View exercises	13521019
Create exercises	13521019
Edit and delete exercises	13521019
View merchs	13521019
Create merchs	13521019
Edit and delete merchs	13521019
View admins	13521019
Create admins	13521019
Edit and delete admins	13521019
View vouchers	13521019
Create vouchers	13521019
Edit and delete vouchers	13521019
Edit and delete vouchers	13521019
Modal & Toast	13521019