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
keren tata bahasa dan penjelasan materi nya sangat tepat di semua video base practice banget, thanks a loot
Terima kasih mas ,jelas banget ,step by step penjelasan nya langsung paham auto subscribe :) ,sukses selalu
penjelassanya plunggg masuk ke otak.. g pakai buffering broo... tengyuuuuu... sehat sell ya
This is easy to understand. Thank you. May God bless you. Keep it up helping all newbie developers out there!
Thank you for the tutorial. Semoga bisa menjadi amal jariyah. Aamiin
video paling ringkas jelas, tok cer, no error error. tidak di bagi ke beberapa part. thanks ya, semoga rejeki anda tambah banyak
Mantap bg.. konten yang bermanfaat bagi yang membutuhkan ☺️
trimakasih banyak, tutorial ini sangat membantu saya sekali 🙏🙏
Terima Kasih Tutorialnya, Sangat Berguna
Pagi bang, makasih banyak saya berhasil tanpa error. Video ini sangat membantu saya untuk membuat backend web pertama saya. Terima kasih banyak bang🙏
Terimakasih bang, suksess, makin giat belajar hal baru ni 👌
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
you have saved my whole life i love you
keren bang, cocok buat pemula kaya saya😁
good job bg semangat berbagi ilmu
Mantap bang jelas banget gampang untuk di pahami
Makasih bang, Program berhasil, dikerjakan dalam waktu 5 jam 🥵
Makasih bang tutorialnya , keren banget terbantu , seharian saya ikutin tutorial ini sampe bulak balik karena ads error terus coba debuging kurang // sama , doang 💀
Terimakasih banyak ilmunya
Terima kasih banyak bang, harus ngulang trus biar paham
Makasih bang, tutorialnya bermanfaat
gokillll bangett ni chennell 🔥
makasih bang.. sangat berguna banget
wahh penjelasannya seperti programmerzamannow ringkas berurut dan jelas
Trimakasih pak atas ilmunya
Thank you bang, bermanfaat skali
Akhirnya tercerahkan juga
terimakasih mas, sudah saya subscribe. Ilmu yang sangat bermanfaat
Auto subscribe, semangat ngontennya kak
Terima kasih bang tutorialnya sangat membantu sekali
Very easy explaination. Im from London. Your channel amazing!! Please make e-commerce project with nodejs sequelize context api and react
Mantap tutorialnya bang, kalau boleh request, bahas crud yang ada join table-nya bang 😁
bang channel nya bagus, ayo lanjutin lagi dong
keren lu bang terimakasih
Mari selalu berbuat banyak kebaikan 🔥
Terima Kasih Banyak
Amazing!! you should make more tutorials using this stack. Please make food delivery clone
makasih banyak bang sangat membantu
TQ TQ TQ TQ Mudah dipahami,Gak berbelit ;v
Mantap bang tutorialnya, kalau boleh request bikin tutorial pada bahasa python
nice content, subscribed
SOOOOOOOOOOOOOOPER HELPFUL man!! Thank you
@CoderMediax
Жыл бұрын
You're welcome
mantap pak
cakep nih bang
thanks a lot, brother
terimakasih banyak mas, saya langsung paham karena penjelasannya sangat jelas dan ringkas, auto subscribe, wkwkwk
@CoderMediax
Жыл бұрын
Sama-sama mas
Buat pkaylist dong bng, vidio ny jangan misah² mending buat vidio ber part² terus melanjutkan fitur² dari web ny, ditunggu kontent selanjutnya bng
sangan membantu sekali bang. semoga harimu dimudahkan. terimakasih tutorialnya
@CoderMediax
Жыл бұрын
Amin
thank you, bang
there! Thanks a lot for the help, I'm going to subscribe to your channel and keep up with all the videos!
@CoderMediax
Жыл бұрын
Thanks, for subscribe.
semoga bermanfaat bang
Bagus Banget penjelasannya,,cuma suara terlalu ngebas bang,,,hehe 👍👍👍👍👍
Nice Tutorial
@CoderMediax
Жыл бұрын
Thank you!
junior menyimak ...
cuy sakit punggung gua, tapi berhasil ngikutin sampe akhir wkwkw thanks broo
@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?
Makasih bang tutornya
@CoderMediax
Жыл бұрын
sama-sama
ini channel barunya ya om
Makasiiih baaaaaaaaang
Keren bang
Ilmunya bermaanfaat.. Agak panjang dari php tp lebih cepat loadingnya.. Sy tidak bisa install nodemon nya. Pakai windows 10
@jovanhendrikoodes
5 ай бұрын
itu karena perizinan, pastekan errornya di google, saya menemukan jawaban di stackoverflow
very helpfull.. tq
@CoderMediax
9 ай бұрын
You're Welcome 😊
Mantap dengan penjelasan nya, Mau tanya kalo data nya dari dua table itu gimana ya caranya ? ada tutorial nya ga?. Terima kasih.
Keren bang, perbanyak konten tentang MERN lg dong 👍
@CoderMediax
2 жыл бұрын
Siap
Otakku meledak
calling it rn im the next aries.
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
Жыл бұрын
udah mas ini: kzread.info/dash/bejne/fqCTmZOnZpPccbA.html
@iqbalkurnia7238
Жыл бұрын
@@CoderMediax mantap, terima kasih mas🙏..
bang tutorial untuk config database dgn postgre ada tidak?
Instalasi 2:30 frontend 26:00
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
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
2 жыл бұрын
@@CoderMediax oh gitu bang, makasih bang. Mantap dah 👍
bang bagaimana menggunakan datatable bulma di projek react ini
kalo itu deploy ke ubuntu. itu localhostnya diubah manual satu-satu, ??
SyntaxError: Unexpected token } in JSON at position 81 ?
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'
Source code di Github nya ada bang?? Mau intip² hehe
Untuk relasi tabel gimana bang ?
kalo mau nambah vield berarti nambah controller lagi ya
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...
request tambahin gambar bang
@CoderMediax
2 жыл бұрын
Ini dia: kzread.info/dash/bejne/nISesql6gbKzkcY.html
Koreksi jika tidak bisa ke tengah tulisan Lorem nya , pake has-text-centered
caranya tambahin konfirmasi ketika mau hapus data gimana ya?
ngab, mau tanya nih,, di menit 43... misalnya kalau mau tambah DATE gmna ngab?
bang punya saya saat add user, datanya ga masuk ke tabel home, itu kenapa ya ? tapi ga ada error
I dоwnloaded everything is okay guys
misi mau tanya ko saya gak bisa panggil API nya ya pas di frontend
bang, mau nanya. pas dia console log. pas lagi di front end apinya ga ketarik. ga ada di console.log itu kenapa ya?
halo mas, kenapa pas install nodemon minta fund terus ya? makasih
Bang kenapa data yg masuk ke database null
terima kasih bang tutorialnya,kalo kita mau pake bootstrap 5 taruh dimana bang file bootstapnya ?
@CoderMediax
Жыл бұрын
Bisa install dengan perintah: npm i bootstrap@5.2.2 kemudian import file bootstrap.css di file index.js mirip seperti bulma.
bang sumpah, bikin lebih detail lagi bang, gua jadi semangat buat ngedalemin js
bang klau module nya ngk ditemukan itu gimana bg?
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
11 ай бұрын
biasanya error seperti itu karena backend api tidak dalam keadaan running.
manteb bang videonya ,recommend nih bagi yang udah paham fundamental terus bingung mau coba buat apa saja,bisa mampir di chaneel ini
halo mas sya kok tidak bisa ya, table usernya tidak masuk ke database
Pas di buka server nya tabel nya bertambah di database tapi cannot get
itu disimpan gimn ya bang maksudnya yang di menit ke 14.46
Ria
sedang nyoba, tapi bulma nya kok error ya, tampilannya ga sama dgn video
bang, di saya ketika di run, terdapat error conection dan error axios nya bang. Tutor perbaikannya bang🙏
bank cara Add New Column to Existing Table
@CoderMediax
2 жыл бұрын
Tinggal tambahkan fieldnya di model, kemudian ubah sync menjadi seperti ini: await db.sync({ force: true });
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
2 жыл бұрын
tambahkan salt nya!