Skip to content

codevexio/capstone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tutorial Setup Project MERN

Setup

Intalling

Buka link repo github yang telah diberikan, lalu pilih tombol code dan pilih download zip

Ekstrak file tersebut lalu buka folder di VSCode.
Pada struktur folder, klik kanan di folder frontend lalu pilih Open in Integrated Terminal yang akan membuka terminal untuk folder frontend.

Pada terminal ketikkan perintah berikut untuk menginstal project:

npm i

lakukan hal yang sama pada folder backend untuk menjalankannya.

Readme.md

Pada stuktur folder, hapus file README.md yang ada pada folder frontend.
File ini harus dihapus untuk mengantisipasi hal-hal yang tak dinginkan.

Running Project

Untuk menjalankan frontend, buka terminal pada bagian frontend, lalu ketikkan perintah berikut:

npm start

Untuk menjalankan backend, buka terminal pada bagian backend, lalu ketikkan perintah berikut:

node server.js

Project masih dalam proses pengerjaan hingga saat ini, maka perpindahan antar user masih dilakukan secara manual, pada file frontend/src/App.jsx lihat pada bagian user state. Pada gambar dibawah, terdapat tulisan admin yang menyatakan user aktif saat ini, bagian ini dapat diubah secara manual untuk melihat tampilan di setiap user yang ada.

hope you are satisfied