{"id":18007854,"url":"https://github.com/simcoderyoutube/tiktokclone","last_synced_at":"2025-04-10T01:09:25.837Z","repository":{"id":41473911,"uuid":"380497573","full_name":"SimCoderYoutube/TiktokClone","owner":"SimCoderYoutube","description":"TIKTOK Clone React Native Tutorial 2021 👨‍💻  I'll show you how you can do this in the simplest way and terms possible.  By the end of this series you'll have learned how the big companies do it and will be able to do the same, you not only will be able to do this app, but you'll be able to put what you learn into your very own projects!  In this series, we use React Native with Expo to quickly deploy the project. We use firebase for all our microservice needs like the auth system, database, storage, amongst others.   firebase, redux, react native, javascript, expo. In this series, we'll use all of them and you'll learn them by doing an iconic app.  Welcome to this Simcoder project and make a TikTok Clone!","archived":false,"fork":false,"pushed_at":"2022-02-22T16:29:45.000Z","size":1248,"stargazers_count":236,"open_issues_count":5,"forks_count":84,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-04-10T01:09:19.137Z","etag":null,"topics":["android","app-framework","expo","ios","mobile","native","native-apps","react","simcoder","tiktok","tiktok-clone","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SimCoderYoutube.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-26T12:33:42.000Z","updated_at":"2025-03-25T21:13:47.000Z","dependencies_parsed_at":"2022-08-03T04:30:24.333Z","dependency_job_id":null,"html_url":"https://github.com/SimCoderYoutube/TiktokClone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimCoderYoutube%2FTiktokClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimCoderYoutube%2FTiktokClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimCoderYoutube%2FTiktokClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimCoderYoutube%2FTiktokClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimCoderYoutube","download_url":"https://codeload.github.com/SimCoderYoutube/TiktokClone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137886,"owners_count":21053775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","app-framework","expo","ios","mobile","native","native-apps","react","simcoder","tiktok","tiktok-clone","web"],"created_at":"2024-10-30T01:14:47.617Z","updated_at":"2025-04-10T01:09:25.819Z","avatar_url":"https://github.com/SimCoderYoutube.png","language":"JavaScript","readme":"# Welcome to TiktokClone 👋\n![Version](https://img.shields.io/badge/version-0.1-blue.svg?cacheSeconds=2592000)\n[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n[![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-000.svg?style=flat-square\u0026logo=EXPO\u0026labelColor=f3f3f3\u0026logoColor=000)](https://expo.io/)\n[![image](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/simcoder_here)\n[![image](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://www.instagram.com/simcoder_here/)\n[![image](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog)\n\n\u003e Main repository of the SimCoder's youtube series \u0026#34;Make an App like TIKTOK\u0026#34;\n\nMake a web app Like TIKTOK\n\nI'll show you how you can do this in the simplest way and terms possible.\n\nBy the end of this series you'll have learned how the big companies do it and will be able to do the same, you not only will be able to do this app, but you'll be able to put what you learn into your very own projects!\n\nAny question, ask me in the Forum, every question gets an answer! http://www.simcoder.com/forum\n\nThis project will be made using react native, firebase firestore, firebase storage, redux, expo, along with a lot of other packages and technologies which will help us get this TIKTOK clone app up and running as fast as possible.\n\n### 📺 [**View the youtube tutorial series here**](https://www.youtube.com/playlist?list=PLxabZQCAe5fjzyawndGLeP1GkJTAjZlKL)\n\n\u003cbr\u003e\n\n## ➕ Features\nIn here you'll find a list of all the features implemented in this project and the youtube tutorial for a detailed explanation of each one of them. However you can see the full series of how to make this project in the following [youtube playlist](https://www.youtube.com/playlist?list=PLxabZQCAe5fjzyawndGLeP1GkJTAjZlKL)\n\nCurrently the project has the following features:\n  * [expo boilerplate](https://www.youtube.com/watch?v=HrN1Fvjp2CE)\n  * [Auth system](https://www.youtube.com/watch?v=o9RlmRf4tqI)\n  * Post Videos\n    * [Take pictures directly in app](https://www.youtube.com/watch?v=JCIlJ9KB2_k)\n    * [Choose from gallery](https://www.youtube.com/watch?v=JCIlJ9KB2_k)\n  * [Profile page](https://www.youtube.com/watch?v=Izz-yYDdHWk\u0026ab)\n  * [Feed in chronological order](https://www.youtube.com/watch?v=5gPvi3iXIdM\u0026ab_channel=SimCoder)\n  * [Search Users](https://www.youtube.com/watch?v=tpPrw8lA6CU\u0026feature=youtu.be\u0026ab_channel=SimCoder)\n  * [Like video](https://www.youtube.com/watch?v=YPGjWCWcboc\u0026ab_channel=SimCoder)\n  * [Comment Posts](https://www.youtube.com/watch?v=Tcc7hL6xAzs\u0026ab_channel=SimCoder)\n  * [Follow/Unfollow users](https://youtu.be/uLzNzmhtteU)\n  * [Chat system](https://youtu.be/uLzNzmhtteU)\nFeatures to be implmeneted:\n  * Redesign\n  \n\u003cbr\u003e\n\n## 💻 Install\n\nFirst you need to install Nodejs and npm, this is different depending on the OS you are running so it is easier to check the node [page](https://nodejs.org/en/download/)\n\nInstall [expo](https://expo.io/learn), if it fails run you might need to run this with sudo\n```sh\nnpm install expo-cli --global\n```\n\nInstall the needed packages while in the root folder of the project\n```sh\nnpm install\n```\n\n\nInstall firebase tools\n```sh\nnpm install -g firebase-tools\n```\n\nDeploy the project to yout firebase projhect (make sure to have billing enabled for that project). copy the backend/functions/index.js into a different place\n```sh\ncd backend\nfirebase login\nfirebase init (choose functions, javascript, EsLint and install deplendencies)\n```\n\nCopy the index.js into the place of the new index.js\n```sh\nfirebase deploy\n```\n\nYou can check the first [video](https://www.youtube.com/watch?v=5S9HM6pprZo\u0026t=2s) on this series to learn how to do it easily\n\n\u003cbr\u003e\n\n## 📱 Usage\n\nTo Start expo all you have to do is run this line\n```sh\nexpo start\n```\n\n\u003eIf you want to run on android you'll need to enable developer options and USB Debugging on your device\n\n\u003cbr\u003e\n\n## 💙  question FAQ\n\nIf you have any question then please use the following [Forum](https://www.simcoder.com/forum/tiktok/).\n\n\u003cbr\u003e\n\n## 👤 Author\n\n**SimCoder**\n\n* Website: www.simcoder.com\n* Twitter: [@simcoder\\_here](https://twitter.com/simcoder\\_here)\n* Github: [@simcoderYoutube](https://github.com/simcoderYoutube)\n* Youtube: [SimCoder](https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog)\n\n## 🌟 Show your support\n\n\nGive a ⭐️ if this project helped you!\n\n\n## 📝 License\n\nCopyright © 2020 [SimCoder](https://github.com/simcoderYoutube).\n\nThis project is [Apache License 2.0](https://github.com/SimCoderYoutube/TiktokClone/blob/main/LICENSE) licensed. Some of the dependencies are licensed differently.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimcoderyoutube%2Ftiktokclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimcoderyoutube%2Ftiktokclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimcoderyoutube%2Ftiktokclone/lists"}