Summary
Keywords
Full Transcript
Let's challenge ourselves and build a Pinterest clone with React Native. This is a great project-based tutorial for beginners to learn full-stack mobile development with React Native and NHost. This project is sponsored by NHost: Open Source Serverless backend for web and mobile apps. ➡️ Get your free account: https://bit.ly/3iV2Hln 📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30% https://academy.notjust.dev/ 🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies): https://assets.notjust.dev/pinterest In this series, we will learn how to build a full-stack, end-to-end Pinterest clone with React Native and NHost for the backend. By the end of this series, you will ✨ More confident in building mobile apps from end to end ✨ Be able to develop complex UI with React Native ✨ Implement a masonry layout (the Pinterest layout) ✨ Develop a backend and connect it with our React Native app ✨ Add authentication ✨ Implement the Storage layer for all the pins ✨ Design and query a highly performant GraphQL API ✨ and more 🐱💻 Source code https://github.com/notJust-dev/Pinterest 💬 Join the notJust Development gang and let's build together https://discord.gg/VpURUN2 Tag me on social media when you finish this build, and I will give you feedback on your project. Twitter: https://twitter.com/VadimNotJustDev IG: https://www.instagram.com/VadimNotJustDev LinkedIn: https://www.linkedin.com/in/vadimsavin TikTok: https://www.tiktok.com/@vadimnotjustdev Timecodes: 0:00 Introduction 03:04 Prerequisites 04:35 Let's get started 06:13 Create app on Nhost 16:17 First build 19:38 Create the first user 22:12 Create the Pins database table 30:56 Query pins 33:28 Install Nhost in React Native project 35:10 Initialise Nhost 45:28 Query and display pin data within the project 50:29 Setting permission 53:46 Creating relationships 56:39 Implementing other queries 01:12:52 Authentication 01:17:32 Sign up 01:23:00 Sign in 01:26:40 Protected routes 01:30:28 Sign out 01:38:30 Nhost authentication services 01:44:58 Uploading a pin 01:59:08 Storing a pin 02:02:35 Upload an image 02:17:48 Displaying an image 02:33:31 Improving the app 02:44:48 Update profile page with user pins 02:54:55 Question and Answer Session Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated. #VadimSavin #notjustdev #reactnative
