COMPLETE CRUD Tutorial with Node JS, Express, React JS and MySQL (Full Stack)

In this video you will learn how to build a Full-Stack application using Node JS, Express, React JS, and MySQL.
Here's a summary of what you'll learn in this video:
First, you will learn how to setup a backend project and install the required dependencies.
Then, you will learn how to create a database in MySQL as well as make connections to backend applications.
After that, you will learn how to create a Create-Read-Update-Delete RESTful API using node.js, express, and mysql.
Then, you will learn how to setup frontend using ReactJS, routing, styling with Bulma CSS, and many more...
Buy me a Coffee ☕☕☕→ trakteer.id/codermedia
SourceCode:
Backend → github.com/mfikricom/Backend-...
Frontend → github.com/mfikricom/Frontend...

Пікірлер: 328

  • @KamalMaulanaAdha
    @KamalMaulanaAdha Жыл бұрын

    keren tata bahasa dan penjelasan materi nya sangat tepat di semua video base practice banget, thanks a loot

  • @HenryiPro
    @HenryiPro Жыл бұрын

    Terima kasih mas ,jelas banget ,step by step penjelasan nya langsung paham auto subscribe :) ,sukses selalu

  • @ihab6796
    @ihab6796 Жыл бұрын

    penjelassanya plunggg masuk ke otak.. g pakai buffering broo... tengyuuuuu... sehat sell ya

  • @lovetronic916
    @lovetronic9162 жыл бұрын

    This is easy to understand. Thank you. May God bless you. Keep it up helping all newbie developers out there!

  • @rubysmom4854
    @rubysmom4854 Жыл бұрын

    Thank you for the tutorial. Semoga bisa menjadi amal jariyah. Aamiin

  • @akuyaaku582
    @akuyaaku582 Жыл бұрын

    video paling ringkas jelas, tok cer, no error error. tidak di bagi ke beberapa part. thanks ya, semoga rejeki anda tambah banyak

  • @DapurMitha238
    @DapurMitha2382 жыл бұрын

    Mantap bg.. konten yang bermanfaat bagi yang membutuhkan ☺️

  • @takayumaja9438
    @takayumaja9438 Жыл бұрын

    trimakasih banyak, tutorial ini sangat membantu saya sekali 🙏🙏

  • @RaekhandiYoga
    @RaekhandiYoga Жыл бұрын

    Terima Kasih Tutorialnya, Sangat Berguna

  • @samotuhondruru
    @samotuhondruru Жыл бұрын

    Pagi bang, makasih banyak saya berhasil tanpa error. Video ini sangat membantu saya untuk membuat backend web pertama saya. Terima kasih banyak bang🙏

  • @okakartono6471
    @okakartono6471 Жыл бұрын

    Terimakasih bang, suksess, makin giat belajar hal baru ni 👌

  • @vixsonary6521
    @vixsonary6521 Жыл бұрын

    normally i dont give reviews but maam youre amazing like i tried 2 videos on 2020 and one on 2022 but it wont work but i saw yr video today and it worked as being both content creators i respect your hard work and keep it up

  • @fluff7312
    @fluff7312 Жыл бұрын

    you have saved my whole life i love you

  • @zhorifcraft451
    @zhorifcraft45111 ай бұрын

    keren bang, cocok buat pemula kaya saya😁

  • @fernandezmanullang3827
    @fernandezmanullang3827 Жыл бұрын

    good job bg semangat berbagi ilmu

  • @bobbypratama5635
    @bobbypratama56352 ай бұрын

    Mantap bang jelas banget gampang untuk di pahami

  • @3ia03_ranggamunthe6
    @3ia03_ranggamunthe6 Жыл бұрын

    Makasih bang, Program berhasil, dikerjakan dalam waktu 5 jam 🥵

  • @sobatsanskuy5555
    @sobatsanskuy555511 ай бұрын

    Makasih bang tutorialnya , keren banget terbantu , seharian saya ikutin tutorial ini sampe bulak balik karena ads error terus coba debuging kurang // sama , doang 💀

  • @rroossyyiidd
    @rroossyyiidd Жыл бұрын

    Terimakasih banyak ilmunya

  • @nandopookey9195
    @nandopookey91952 жыл бұрын

    Terima kasih banyak bang, harus ngulang trus biar paham

  • @Made_Rama
    @Made_RamaАй бұрын

    Makasih bang, tutorialnya bermanfaat

  • @fadlikurniawan4478
    @fadlikurniawan447810 күн бұрын

    gokillll bangett ni chennell 🔥

  • @WeCross_
    @WeCross_Ай бұрын

    makasih bang.. sangat berguna banget

  • @user-ys8xv4rg5d
    @user-ys8xv4rg5d4 ай бұрын

    wahh penjelasannya seperti programmerzamannow ringkas berurut dan jelas

  • @anandalukman61
    @anandalukman619 ай бұрын

    Trimakasih pak atas ilmunya

  • @johanesalberto6136
    @johanesalberto613611 ай бұрын

    Thank you bang, bermanfaat skali

  • @rizkyyadit
    @rizkyyadit Жыл бұрын

    Akhirnya tercerahkan juga

  • @DheaFikyFatchaturRizky
    @DheaFikyFatchaturRizky5 ай бұрын

    terimakasih mas, sudah saya subscribe. Ilmu yang sangat bermanfaat

  • @muhammadiqbalnugraha_hes9447
    @muhammadiqbalnugraha_hes94476 күн бұрын

    Auto subscribe, semangat ngontennya kak

  • @ferdynandergypramudani995
    @ferdynandergypramudani9952 ай бұрын

    Terima kasih bang tutorialnya sangat membantu sekali

  • @cubedev4838
    @cubedev48388 ай бұрын

    Very easy explaination. Im from London. Your channel amazing!! Please make e-commerce project with nodejs sequelize context api and react

  • @13budhi
    @13budhi Жыл бұрын

    Mantap tutorialnya bang, kalau boleh request, bahas crud yang ada join table-nya bang 😁

  • @danysyauqi6279
    @danysyauqi62794 ай бұрын

    bang channel nya bagus, ayo lanjutin lagi dong

  • @ilhammuzani2643
    @ilhammuzani26432 ай бұрын

    keren lu bang terimakasih

  • @Mari_Selalu_Berbuat_Kebaikan
    @Mari_Selalu_Berbuat_Kebaikan5 ай бұрын

    Mari selalu berbuat banyak kebaikan 🔥

  • @ayamgosong17
    @ayamgosong172 ай бұрын

    Terima Kasih Banyak

  • @user-mt8xr2fl5p
    @user-mt8xr2fl5p8 ай бұрын

    Amazing!! you should make more tutorials using this stack. Please make food delivery clone

  • @daffaaqshal5065
    @daffaaqshal5065Ай бұрын

    makasih banyak bang sangat membantu

  • @hansrassel7502
    @hansrassel75022 жыл бұрын

    TQ TQ TQ TQ Mudah dipahami,Gak berbelit ;v

  • @user-nu1pi9gp7f
    @user-nu1pi9gp7f Жыл бұрын

    Mantap bang tutorialnya, kalau boleh request bikin tutorial pada bahasa python

  • @araiparamaartha2481
    @araiparamaartha2481 Жыл бұрын

    nice content, subscribed

  • @jentoxjr4419
    @jentoxjr4419 Жыл бұрын

    SOOOOOOOOOOOOOOPER HELPFUL man!! Thank you

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    You're welcome

  • @yuu-kw6xs
    @yuu-kw6xsАй бұрын

    mantap pak

  • @studioteknologi
    @studioteknologi2 жыл бұрын

    cakep nih bang

  • @arjuno7058
    @arjuno70584 ай бұрын

    thanks a lot, brother

  • @rizqimaulana5754
    @rizqimaulana5754 Жыл бұрын

    terimakasih banyak mas, saya langsung paham karena penjelasannya sangat jelas dan ringkas, auto subscribe, wkwkwk

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    Sama-sama mas

  • @asepjuan7360
    @asepjuan7360 Жыл бұрын

    Buat pkaylist dong bng, vidio ny jangan misah² mending buat vidio ber part² terus melanjutkan fitur² dari web ny, ditunggu kontent selanjutnya bng

  • @nurhamsah_tech
    @nurhamsah_tech Жыл бұрын

    sangan membantu sekali bang. semoga harimu dimudahkan. terimakasih tutorialnya

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    Amin

  • @massayu8792
    @massayu879220 күн бұрын

    thank you, bang

  • @muhammadmaskur5314
    @muhammadmaskur5314 Жыл бұрын

    there! Thanks a lot for the help, I'm going to subscribe to your channel and keep up with all the videos!

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    Thanks, for subscribe.

  • @farhanfadil4503
    @farhanfadil4503 Жыл бұрын

    semoga bermanfaat bang

  • @xili1256
    @xili12565 ай бұрын

    Bagus Banget penjelasannya,,cuma suara terlalu ngebas bang,,,hehe 👍👍👍👍👍

  • @AdriansyahSatya
    @AdriansyahSatya Жыл бұрын

    Nice Tutorial

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    Thank you!

  • @kafidfajar5308
    @kafidfajar5308 Жыл бұрын

    junior menyimak ...

  • @stepme
    @stepme8 ай бұрын

    cuy sakit punggung gua, tapi berhasil ngikutin sampe akhir wkwkw thanks broo

  • @acikiwirkurlala6513

    @acikiwirkurlala6513

    8 ай бұрын

    Network Error AxiosError: Network Error at XMLHttpRequest.handleError (localhost:3000/main.de4257fb29a8c57c8bad.hot-update.js:410:14) bro pas coba dpt eror kyk gini gk ya?

  • @FauziPranata
    @FauziPranata Жыл бұрын

    Makasih bang tutornya

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    sama-sama

  • @syaifulhadi0196
    @syaifulhadi0196 Жыл бұрын

    ini channel barunya ya om

  • @terdengarwe6957
    @terdengarwe69578 ай бұрын

    Makasiiih baaaaaaaaang

  • @zahidathallah3387
    @zahidathallah33874 ай бұрын

    Keren bang

  • @rabatamedia
    @rabatamedia8 ай бұрын

    Ilmunya bermaanfaat.. Agak panjang dari php tp lebih cepat loadingnya.. Sy tidak bisa install nodemon nya. Pakai windows 10

  • @jovanhendrikoodes

    @jovanhendrikoodes

    5 ай бұрын

    itu karena perizinan, pastekan errornya di google, saya menemukan jawaban di stackoverflow

  • @it9hektar
    @it9hektar9 ай бұрын

    very helpfull.. tq

  • @CoderMediax

    @CoderMediax

    9 ай бұрын

    You're Welcome 😊

  • @riyanardiyansyah3101
    @riyanardiyansyah31018 ай бұрын

    Mantap dengan penjelasan nya, Mau tanya kalo data nya dari dua table itu gimana ya caranya ? ada tutorial nya ga?. Terima kasih.

  • @ferrysetefanus9847
    @ferrysetefanus98472 жыл бұрын

    Keren bang, perbanyak konten tentang MERN lg dong 👍

  • @CoderMediax

    @CoderMediax

    2 жыл бұрын

    Siap

  • @laia1312
    @laia13123 ай бұрын

    Otakku meledak

  • @stephenpauli582
    @stephenpauli582 Жыл бұрын

    calling it rn im the next aries.

  • @iqbalkurnia7238
    @iqbalkurnia7238 Жыл бұрын

    terima kasih atas ilmunya mas dan sukses selalu... kalo boleh request, tolong buat tutorial react login menggunakan jwt mas yang bisa refresh token 🙏. sekali lagi terima kasih atas ilmunya mas semoga chanelnya tembus 100k.

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    udah mas ini: kzread.info/dash/bejne/fqCTmZOnZpPccbA.html

  • @iqbalkurnia7238

    @iqbalkurnia7238

    Жыл бұрын

    @@CoderMediax mantap, terima kasih mas🙏..

  • @hudiasrori5393
    @hudiasrori5393 Жыл бұрын

    bang tutorial untuk config database dgn postgre ada tidak?

  • @terdengarwe6957
    @terdengarwe69578 ай бұрын

    Instalasi 2:30 frontend 26:00

  • @ahmadrindhoni58
    @ahmadrindhoni582 жыл бұрын

    Mantap bang, sudah saya tonton sampe selesai sambil praktekin. Mudah dipahami bang penjelsannya. btw mau tanya bang, yg berbeda dari react router dom v6 yg di video ini bagian mana ya bang? soalnya saya gak begitu paham react sebelumnya,

  • @CoderMediax

    @CoderMediax

    2 жыл бұрын

    React Router DOM v6 sekikit berbeda dengan react router v5. pada video ini perbedaannya adalah: - "Routes" pada react router dom v6, sedangkan pada v5 yaitu "Switch" - "useNavigate" untuk redirect pada react router dom v6, sedangkan pada v5 yaitu "useHistory"

  • @ahmadrindhoni58

    @ahmadrindhoni58

    2 жыл бұрын

    @@CoderMediax oh gitu bang, makasih bang. Mantap dah 👍

  • @ALdMFbeat
    @ALdMFbeat Жыл бұрын

    bang bagaimana menggunakan datatable bulma di projek react ini

  • @akhmadfauzan5818
    @akhmadfauzan5818 Жыл бұрын

    kalo itu deploy ke ubuntu. itu localhostnya diubah manual satu-satu, ??

  • @DevelopperIT
    @DevelopperIT Жыл бұрын

    SyntaxError: Unexpected token } in JSON at position 81 ?

  • @ziakhusnul7870
    @ziakhusnul7870 Жыл бұрын

    Permisi mau tanya, waktu lagi buat bagian edituser.js malah uncaucght runtime error cannot read properties of null (reading "id") itu gimana ya, dan di terminal ada warning react hook useEffect has a missing dependency: 'getUserById'

  • @insomnia2643
    @insomnia26432 жыл бұрын

    Source code di Github nya ada bang?? Mau intip² hehe

  • @avivalrachman9745
    @avivalrachman97457 ай бұрын

    Untuk relasi tabel gimana bang ?

  • @bagasrr3640
    @bagasrr36405 ай бұрын

    kalo mau nambah vield berarti nambah controller lagi ya

  • @ceritacoding5528
    @ceritacoding5528 Жыл бұрын

    mas saya ada yang salah kayaknya, di bagian form edit, get datanya gak sesuai dengan id, padahal di link url sudah betul get idnya, tapi yang tampil malah id lain, mohon pencerahannya mas...

  • @ahmadadyla7607
    @ahmadadyla76072 жыл бұрын

    request tambahin gambar bang

  • @CoderMediax

    @CoderMediax

    2 жыл бұрын

    Ini dia: kzread.info/dash/bejne/nISesql6gbKzkcY.html

  • @sobatsanskuy5555
    @sobatsanskuy555511 ай бұрын

    Koreksi jika tidak bisa ke tengah tulisan Lorem nya , pake has-text-centered

  • @putrialvianydyahprameswari8960
    @putrialvianydyahprameswari8960 Жыл бұрын

    caranya tambahin konfirmasi ketika mau hapus data gimana ya?

  • @rizkigunawan3054
    @rizkigunawan3054 Жыл бұрын

    ngab, mau tanya nih,, di menit 43... misalnya kalau mau tambah DATE gmna ngab?

  • @ihsannurmaulana3925
    @ihsannurmaulana3925 Жыл бұрын

    bang punya saya saat add user, datanya ga masuk ke tabel home, itu kenapa ya ? tapi ga ada error

  • @azzanjani5566
    @azzanjani5566 Жыл бұрын

    I dоwnloaded everything is okay guys

  • @behelrafsanjani1437
    @behelrafsanjani1437 Жыл бұрын

    misi mau tanya ko saya gak bisa panggil API nya ya pas di frontend

  • @muhammadaryobimo6972
    @muhammadaryobimo6972 Жыл бұрын

    bang, mau nanya. pas dia console log. pas lagi di front end apinya ga ketarik. ga ada di console.log itu kenapa ya?

  • @kekw6383
    @kekw6383 Жыл бұрын

    halo mas, kenapa pas install nodemon minta fund terus ya? makasih

  • @kikiandrianto7530
    @kikiandrianto7530 Жыл бұрын

    Bang kenapa data yg masuk ke database null

  • @nuresamahendra7864
    @nuresamahendra7864 Жыл бұрын

    terima kasih bang tutorialnya,kalo kita mau pake bootstrap 5 taruh dimana bang file bootstapnya ?

  • @CoderMediax

    @CoderMediax

    Жыл бұрын

    Bisa install dengan perintah: npm i bootstrap@5.2.2 kemudian import file bootstrap.css di file index.js mirip seperti bulma.

  • @adampamungkas2195
    @adampamungkas21955 ай бұрын

    bang sumpah, bikin lebih detail lagi bang, gua jadi semangat buat ngedalemin js

  • @ghybranlutfialqifari5603
    @ghybranlutfialqifari560310 ай бұрын

    bang klau module nya ngk ditemukan itu gimana bg?

  • @irwancahyos5325
    @irwancahyos532511 ай бұрын

    mas saya mau tanya mohon di jawab, saat saya mau consume api dari localhost tu responya ERR_CONNECTION_REFUSED tu terjadi karena apa ya mas ? terimakasih

  • @CoderMediax

    @CoderMediax

    11 ай бұрын

    biasanya error seperti itu karena backend api tidak dalam keadaan running.

  • @aliefardiansyah4376
    @aliefardiansyah4376 Жыл бұрын

    manteb bang videonya ,recommend nih bagi yang udah paham fundamental terus bingung mau coba buat apa saja,bisa mampir di chaneel ini

  • @kadeksucipta6439
    @kadeksucipta64396 ай бұрын

    halo mas sya kok tidak bisa ya, table usernya tidak masuk ke database

  • @kurniarizkifadila1278
    @kurniarizkifadila12787 ай бұрын

    Pas di buka server nya tabel nya bertambah di database tapi cannot get

  • @user-ks6jf2je8m
    @user-ks6jf2je8m Жыл бұрын

    itu disimpan gimn ya bang maksudnya yang di menit ke 14.46

  • @praharanigadisa8289
    @praharanigadisa8289 Жыл бұрын

    Ria

  • @pg-ponkygaming2399
    @pg-ponkygaming23993 ай бұрын

    sedang nyoba, tapi bulma nya kok error ya, tampilannya ga sama dgn video

  • @berkatgea9828
    @berkatgea98282 ай бұрын

    bang, di saya ketika di run, terdapat error conection dan error axios nya bang. Tutor perbaikannya bang🙏

  • @adibid6343
    @adibid63432 жыл бұрын

    bank cara Add New Column to Existing Table

  • @CoderMediax

    @CoderMediax

    2 жыл бұрын

    Tinggal tambahkan fieldnya di model, kemudian ubah sync menjadi seperti ini: await db.sync({ force: true });

  • @wulanmarsuri3047
    @wulanmarsuri30472 жыл бұрын

    izin bertanya bg ttg vidio login register fullstack dengan express, mysql, bcrypt, dan nodejs, saat sudah dikirim registrasi melalui rest cliennya, ada error "Error: data and salt arguments required", ada solusi tidak bg? terima kasih bg

  • @CoderMediax

    @CoderMediax

    2 жыл бұрын

    tambahkan salt nya!