Uploaded September 2022 | Updated September 2026, 2 weeks ago
I programmed TikTok with AutoScroll from the ground up, using Figma, JavaScript, Node JS and open sourced the whole thing on GitHub!
You can see the fully coded website below. TikTok Clone with AutoScroll
http://91.243.81.218/
It's hosted on GCore the sponsor of this video! You can check them out below:
gcorelabs.com/cloud/?utm_source=bloggers&utm_medium=link&utm_campaign=adrian-twarog_youtube_cloud_general
(Promo Code: ADRIAN007)
This was an interesting programming experiment. As part of this coding challenge, I was able to implement a react js website that cloned TikTok. To clone tiktok, I rebuild some of the core aspects. This included using the new CSS attributes that allowed me to autoscroll after a video finishes. Originally attempted to use javascript in order to complete this, however this could of ended up complicated.
If you want to see the original code, including the HTML, the GitHub repository is below:
github.com/adriantwarog/tiktok-app
#website #code #programming
Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.
📘 Enhance UI: enhanceui.com
Feel free to follow me on:
🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog
💬 Discord: discord.gg/6gmmFvxkD7
💸 Patreon: patreon.com/adriantwarog
Software & Discounts:
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
✖ Editor X: editorx.com/adrian-twarog
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE
I programmed TikTok with AutoScroll from the ground up, using Figma, JavaScript, Node JS and open sourced the whole thing on GitHub!
You can see the fully coded website below. TikTok Clone with AutoScroll
http://91.243.81.218/
It's hosted on GCore the sponsor of this video! You can check them out below:
gcorelabs.com/cloud/?utm_source=bloggers&utm_medium=link&utm_campaign=adrian-twarog_youtube_cloud_general
(Promo Code: ADRIAN007)
This was an interesting programming experiment. As part of this coding challenge, I was able to implement a react js website that cloned TikTok. To clone tiktok, I rebuild some of the core aspects. This included using the new CSS attributes that allowed me to autoscroll after a video finishes. Originally attempted to use javascript in order to complete this, however this could of ended up complicated.
If you want to see the original code, including the HTML, the GitHub repository is below:
github.com/adriantwarog/tiktok-app
#website #code #programming
Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.
📘 Enhance UI: enhanceui.com
Feel free to follow me on:
🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog
💬 Discord: discord.gg/6gmmFvxkD7
💸 Patreon: patreon.com/adriantwarog
Software & Discounts:
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
✖ Editor X: editorx.com/adrian-twarog
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE
