In this React photo gallery app tutorial, we will build a photo gallery from scratch, using React, Node, and the Cloudinary service

CSS: https://raw.githubusercontent.com/chrisblakely01/react-node-photo-gallery/master/client/src/App.css

Source Code: https://github.com/chrisblakely01/react-node-photo-gallery

Cloudinary API docs: https://cloudinary.com/documentation/admin_api

Snippets Extention: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

🚨 Chapters:

• 0:00 What we’ll build
• 0:36 Cloudinary account setup
• 5:57 React project setup
• 8:52 Setting up mock images response
• 11:02 Displaying image with CSS Grid and image upload
• 17:32 Node.js project setup
• 21:38 Create Node API & Get photos endpoint
• 31:38 Connect React frontend to Node API
• 37:23 Load more images
• 49:03 Search for images
• 1:11:31 Reset image search
• 1:13:26 Outtro

#react #node #cloudinary