bncc-ruapps's Introduction

RuApps - BNCC Elite Team Quest

Build with ExpressJS & Vue 3

A. SCREENSHOTS

B. LIVE DEMO

Untuk demo aplikasi dapat diakses pada link berikut
https://ruapps.netlify.app

RuApps Assets Credits. Thanks to them 😊
https://undraw.co/ (Illustration)
https://iconscout.com/ (Icons)

C. FEATURES

1. FrontEnd

Navbar ✔️
Hero section ✔️
Fitur carousel ✔️
Form kontak ✔️
Validasi input (opsional) ✔️
Footer section ✔️
Animasi (opsional) ✔️
Responsive ✔️
Fetch API (opsional) ✔️

2. BackEnd

Fitur CRUD (Create, Read, Update, Delete) ✔️
Otentikasi (Signup dan Login) ✔️
Seed data atau initial data ✔️

D. USER ROLES

Credentials user dapat dilihat di initial data & semua passwordnya adalah 12345

1. Admin

email: [email protected]
password: 12345

Show & Delete Testimoni
Show, Delete, and Send Message

2. Member

email: [email protected]
password: 12345

Create, Show, Update, and Delete Testimoni

E. SETUP PROJECT

1. Clone Repository

git clone https://github.com/ndaruhes/BNCC-RuApps.git
cd BNCC-RuApps

2. Setup API

Ubah credentials database (jika perlu) didalam folder api file .env

DB_DATABASE
DB_USERNAME
DB_HOST
DB_PASSWORD

cd api                  // pindah ke folder api
npm install             // menginstall package node_modules
npm run migrate:fresh   // menjalankan migrasi database
npm run seed:fresh      // seed data / initial data
npm run dev             // menjalankan server (Link: http://localhost:3000/)

3. Setup Client

cd client               // pindah ke folder client
npm install             // menginstall package node_modules
npm run dev             // menjalankan server (Link: http://localhost:8080/)

Recommend Projects