I built a Tik Tok App in React (with REAL database)
I show you how to build an App on the database used by Apple, Spotify, Netflix, Ebay and so many more. This video's aim is to teach you how to use databases with apps in a simple and easy way. A prior knowledge of React is the only thing you will be needing to start this tutorial!
Useful links:
- You can find the final, cleaned up code here: https://github.com/kubowania/stargate-tik-tok
I have built this app using:
- Stargate documentation (https://stargate.io/)
- DataStax https://www.datastax.com/
- React
- Netlify
(JAMStack)
Video Content:
⌨️ (00:00) Introduction
⌨️ (03:05) Creating our Database on DataStax
⌨️ (06:52) Setting up our App
⌨️ (12:37) Routing Pages
⌨️ (18:02) Creating Components
⌨️ (28:32) Introduction to Data with Netlify and Stargate
⌨️ (30:10) Introduction to using the astrajs/collections
⌨️ (34:01) Posting data to our Database (creating dummy Tik Tok posts)
⌨️ (34:01) Adding authorization to access our Database
⌨️ (43:10) Getting data from our Database (getting all our Tik Tok posts)
⌨️ (50:32) Viewing all our Data
⌨️ (51:56) Rendering components based on our Data
⌨️ (01:17:01) Editing our Data (following/unfollowing a user)
⌨️ (01:32:57) Adding new Data to our Database (creating a Tik Tok post)
If you did like this video, please hit the Like and Subscribe button so I know to make more!
___
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow
#codingbootcamp #coding
Видео I built a Tik Tok App in React (with REAL database) канала Code with Ania Kubów
Useful links:
- You can find the final, cleaned up code here: https://github.com/kubowania/stargate-tik-tok
I have built this app using:
- Stargate documentation (https://stargate.io/)
- DataStax https://www.datastax.com/
- React
- Netlify
(JAMStack)
Video Content:
⌨️ (00:00) Introduction
⌨️ (03:05) Creating our Database on DataStax
⌨️ (06:52) Setting up our App
⌨️ (12:37) Routing Pages
⌨️ (18:02) Creating Components
⌨️ (28:32) Introduction to Data with Netlify and Stargate
⌨️ (30:10) Introduction to using the astrajs/collections
⌨️ (34:01) Posting data to our Database (creating dummy Tik Tok posts)
⌨️ (34:01) Adding authorization to access our Database
⌨️ (43:10) Getting data from our Database (getting all our Tik Tok posts)
⌨️ (50:32) Viewing all our Data
⌨️ (51:56) Rendering components based on our Data
⌨️ (01:17:01) Editing our Data (following/unfollowing a user)
⌨️ (01:32:57) Adding new Data to our Database (creating a Tik Tok post)
If you did like this video, please hit the Like and Subscribe button so I know to make more!
___
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow
#codingbootcamp #coding
Видео I built a Tik Tok App in React (with REAL database) канала Code with Ania Kubów
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Create your first Netlify Serverless Function!](https://i.ytimg.com/vi/n_KASTN0gUE/default.jpg)
![Beginner React.js Coding Interview (ft. Clément Mihailescu)](https://i.ytimg.com/vi/gnkrDse9QKc/default.jpg)
![](https://i.ytimg.com/vi/EhhjyNusLYw/default.jpg)
![Send emails from a HTML Contact Form](https://i.ytimg.com/vi/r4RQ38EoLds/default.jpg)
![The Top 5 Programming Languages in 2021 to get a job](https://i.ytimg.com/vi/mxKNH2gmdUc/default.jpg)
![Siblings Give Each Other A Lie Detector Test](https://i.ytimg.com/vi/XaKfZRpUEDY/default.jpg)
![Creating interactive frontend apps with GopherJS and React](https://i.ytimg.com/vi/Vr3SzCI8TVo/default.jpg)
![TOP FIVE TOOLS for WEB DEVELOPMENT in 2020 - A.I helpers, prettifiers and more](https://i.ytimg.com/vi/z0qCxyOY-O8/default.jpg)
![Flappy Bird in React Native](https://i.ytimg.com/vi/dhpjjAxKbHE/default.jpg)
![Parents Try Guessing What Their Kid Will Do With $100 | What Would My Kid Do? (React)](https://i.ytimg.com/vi/huPQtE5adXk/default.jpg)
![Functions in 5 MINUTES - from basic to advanced real-world use](https://i.ytimg.com/vi/bOkuPo5VbTg/default.jpg)
![I built an AirBnB clone with structured content! Using Sanity.io and Next.js](https://i.ytimg.com/vi/mx1dbMzd3tU/default.jpg)
![Build and Document React Components With Storybook](https://i.ytimg.com/vi/lWk5SntifCU/default.jpg)
![UNDERCOVER at an Online Coding Bootcamp 2021!](https://i.ytimg.com/vi/D_FClmOULUo/default.jpg)
![10 React Hooks Explained // Plus Build your own from Scratch](https://i.ytimg.com/vi/TNhaISOUy6Q/default.jpg)
![Make your own mock API (super simple)](https://i.ytimg.com/vi/FLnxgSZ0DG4/default.jpg)
![Smooth scrolling in react using react-scroll package](https://i.ytimg.com/vi/zS6zo-iboEo/default.jpg)
![I built a Distance Matrix Routing App in React!](https://i.ytimg.com/vi/43jfFU4FJZo/default.jpg)
![12HR+ YouTube Coding Bootcamp 2021!](https://i.ytimg.com/vi/Xm4BObh4MhI/default.jpg)
![Let's make 2048 using JavaScript, HTML and CSS! No Canvas required!](https://i.ytimg.com/vi/aDn2g8XfSMc/default.jpg)