Tik Tok UI Clone
TikTok, also known as Douyin in China, is a media app for creating and sharing short videos.
Interactions
What is the purpose of this repository?
I created this repository to study React Native and try to recreate several famous app designs.
Prerequisites
- Git (https://git-scm.com/)
- Node (https://nodejs.org)
- Android Studio (https://developer.android.com/studio)
Development environment
- Binaries
- Node: 12.9.1
- Yarn: 1.21.1
- npm: 6.13.7
- npmPackages
- react: 16.9.0
- react-native: 0.61.5
How to install?
The first thing we have to do is download the repository for our development environment
git clone https://github.com/ReinanHS/tiktok-ui.git
Run the following command to download the project's dependencies
npm install
Now that all the dependencies have been downloaded we will install the application on the emulator with the following command
npx react-native run-android
If your NodeJS version is greater than 12.10
Expo fails to start the project: error Invalid regular expression: /(.*\\__fixtures__
If you have a problem with this error, follow these steps
to solve this problem you have to change this file \node_modules\metro-config\src\defaults\blacklist.js
there is an invalid regular expression that needed changed. I changed the first expression under sharedBlacklist
from:
var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
to:
var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
for more details see Stackoverflow
Installation video tutorial
See more details in this video
Contributors
We would like to thank the following contributors for helping to develop this repository
- ReinanHS
Help the project, make a difference List of Collaborators
Tiktok Ui
git clone https://github.com/ReinanHS/tiktok-ui.git