Reuploaded due to audio sync issues.
We're going to create a simple image gallery using ReactJS, NodeJS, Express, and a MySQL database powered by MAMP.
I'm assuming you know how React works.
We'll start by creating the skeleton for the…
Reuploaded due to audio sync issues.
We're going to create a simple image gallery using ReactJS, NodeJS, Express, and a MySQL database powered by MAMP.
I'm assuming you know how React works.
We'll start by creating the skeleton for the front-end.
Move on to the skeleton for the back-end.
We'll wire the front-end with the back-end.
Then we'll send Blob data (image data) back and forth and have it displayed on the front-end.
We'll also be saving the images on the back-end server as well as a record in the database.
This video is geared towards getting an image gallery up and running.
I won't be going into how to setup a database with MAMP or how to get a project up and started with ReactJS.
This project is great for a Junior Developer portfolio.
Get MAMP: https://www.mamp.info/en/
Get the Brave Browser! : https://brave.com/ano648 ❤️ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml ❤️
Time Stamps:
01:25 - building front-end
20:00 - building back-end CRUD HTTP routes
26:20 - testing back-end routes with Postman
28:00 - creating front-end CRUD HTTP functions
32:20 - testing front-end to back-end communication
35:30 - sending image data to back-end from front-end
45:10 - sending image data to front-end from back-end
1:21:00 - connecting the REST API to the MySQL database
NPM packages used:
"body-parser": "^1.19.0",
"busboy": "^0.3.1",
"cors": "^2.8.5",
"express": "^4.17.1",
"express-fileupload": "^1.1.6",
"moment": "^2.24.0",
"morgan": "^1.9.1",
"mysql": "^2.17.1"
Subscribe to my Bitchute: https://www.bitchute.com/channel/gPUmRsVcChxX/
Subscribe to my Youtube: https://www.youtube.com/channel/UCar-9GMCRk9QdKJXq6s1yeg/
Subscribe to my lbry: lbry://@an_object_is_a#7
If you find value in what I do, think about supporting my channel:
Paypal: https://www.paypal.me/anobjisa
Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK
Ethereum: 0x48702412F448a27be03836fb6FE6456603668030
Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK
Find me here:
Twitter: https://twitter.com/anobjectisa1
Minds: https://www.minds.com/an_object_is_a/
Instagram: https://www.instagram.com/an_object_is_a
