Build a TikTok Clone in React Native and AWS Backend [Tutorial for Beginners] 🔴
230,829
Published 2020-11-19
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
🚀 Download the Asset Bundle (Images, Dummy data, PDF presentation):
assets.notjust.dev/tiktok
🐱💻 Source code:
github.com/Savinvadim1312/TikTokClone
💬 Join the notJust Development gang and let's build together:
discord.gg/VpURUN2
If you are a beginner that wants to learn javascript and react native, or and advanced javascript developer that wants to get into mobile development using react native then this Livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.
We will start building the TikTok clone from scratch, starting from setting up a React Native project using Expo and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the TikTok menu.
For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers pre-made authentication components and flows, database, API (REST and GraphQL), storage, and much more.
Doing the TikTok clone yourself is a great opportunity to practice React Native, modern Javascript, Typescript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations or AWS and Amplify.
Tag me on social media when you finish the Whatsapp Clone, and I will give you feedback on your code.
LinkedIn: www.linkedin.com/in/vadimsavin
IG: www.instagram.com/vadimsavin0
Twitter: twitter.com/SavinVadim_
Timecodes:
0:00 Intro
6:22 About GraphQL API
12:34 Setup Amplify Project
27:02 Add GraphQL API
1:20:15 Authentication
1:57:29 React Native Camera
2:04:21 Setup Multidex
2:51:15 Upload video to S3
3:26:14 Demo
#VadimSavin #notejust.dev #notJustDevelopment
All Comments (21)
-
man u had covid, that's rough. So glad u recovered!! 😀& r feeling better Vadim. This is def best tutorial channel on the internet!👍🏻😀
-
Hi Vadim, Thanks for your effort and great tutorials for beginners to do full stack development. Hope to have more tutorials and discussions in future. I followed both your tutorials for tiktok and can say that it would have taken months for me to learn react native and AWS, which I learnt through your 2 sessions.Keep going !!!
-
🚀 Download the Asset Bundle: assets.notjust.dev/tiktok 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/
-
Thanks for Tutorial, i have leared a lot from you, keep going and doing more of Tutorials like this. Biggest Respect and thanks a lot :)
-
motation cracked me up, Great Content
-
This is guy a treasure, thanks so much Vadim!
-
please continue this :) i liked this very much,
-
Thanks Broh, great tutorials, keep doing.
-
Please continue and improve this app, it will be a lot of learning curve for every developer
-
really i like the people like you ,,, i dont know how can i thank you
-
It's not that you can separate GraphQL, it's that you can more easily specify what data you need, and arbitrary data, possibly using a single connection. There are two types of "free tier", the trial credit method, or the free allowance (that resets monthly for each resource type).
-
Thanks for all the effort and the great tutorial! Awesome job! What might be a good extension is to show a bit more about testing your apps. Maybe as an extension to one of your tutorials. All the best for you Vadim!
-
Brother !!! Please stay update and improve this app, it will be a lot of learning for every developer.
-
Pls continue the tiktok clone app by adding some more feauters
-
great vid
-
This TikTok clone has helped me learn more that I did in my CS classes in college! I would love to know how you would implement a delete feature for the video's as well!
-
Hey, what's up Vadim. Just here to say you put out great content. Thank You
-
Exellent
-
Can you implement a video streaming experience similar to TikTok?. Been struggling with this!
-
Great video, :) Can you make a video about pricing for AWS?