zouidi/tiktok-ui

Tik Tok UI Clone

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