MVC-EXPRESS-REACTJS

---

Donate

Sosial Media

Introduction

MVC atau Model View Controller adalah sebuah pola desain arsitektur dalam sistem pengembangan website yang terdiri dari tiga bagian, yaitu:

• Model, bagian yang mengelola dan berhubungan langsung dengan database;
• View, bagian yang akan menyajikan tampilan informasi kepada pengguna;
• Controller, bagian yang menghubungkan model dan view dalam setiap proses request dari user.

Dengan konsep MVC ini, website seakan memiliki bagian yang terpisah dan bisa dikembangkan masing-masing. Maka, proses pembuatan website bisa dilakukan lebih cepat karena developer akan lebih fokus pada pengerjaan salah satu bagian saja. Karena dianggap efektif, konsep MVC banyak diterapkan di berbagai framework.

Melihat dari beberapa kelebihan dari MVC maka saya membuat repositori ini agar saya dan kawan-kawan bisa merasakan bagaimana menggunakan konsep MVC di NodeJS. Mudah-mudahan bermanfaat...

---

Software & Account Request

Aplikasi yang wajib digunakan jika belum punya adalah :

1. NodeJS [link]

2. GitBash [link]

3. XAMPP [link]

Dan akun yang harus punya yaitu :

1. github [link]

2. ngrok [link]

---

Preparation

Langkah awal untuk menggunakan template ini yaitu :

install requirements

node run require

install node_modules

node run install

edit config.js

...
    // Application init
    app_name: "MVC NodeJS ReactJS",
    description: "this is website programming MVC environment",

    // Github Config
    template_markdown: "https://raw.githubusercontent.com/jefripunza/storage/main/README.md", // include "{{judul_project}}" for replace to name project

    // your secure
    password_encrypt: "mvc", // change this for new security (only once)
...

jika selesai maka project sudah siap digunakan. :)

---

How to USE

Start Project

main app

node run start

template (on folder template)

node run template

push localhost (main app) to internet (with ngrok)

node run ngrok

Access Application

main app

http://localhost:5000

template (if running)

http://localhost:4000

reactjs (direct)

http://localhost:3000

Build Project (to be accessible at port 5000)

node run build

Create README.md

rubah template markdown anda didalam config.js pada bagian template_markdown (simpan saja didalam repository pada github anda)

node run create-readme

Push to Github Repository

jangan lupa untuk mengedit file config.js agar semua kegiatan yang ada didalam github lancar dan tepat sasaran...

init

node run github init

first commit

node run github first

push

node run github push "commit-message"

---

Support the project

Apakah kamu menyukai project ini? Please support saya dengan menekan subscribe di Youtube Channel saya...

Donation Please

Butuh ngopi gans, kasih lah untuk biaya pengembangan agar mudah membeli alat dan buat makan