Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reinanhs/tiktok-ui
Tik Tok UI Clone
https://github.com/reinanhs/tiktok-ui
react react-native tiktok ui-design
Last synced: 2 months ago
JSON representation
Tik Tok UI Clone
- Host: GitHub
- URL: https://github.com/reinanhs/tiktok-ui
- Owner: ReinanHS
- Created: 2020-01-14T15:53:01.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-27T04:35:25.000Z (almost 2 years ago)
- Last Synced: 2023-03-07T18:46:58.207Z (almost 2 years ago)
- Topics: react, react-native, tiktok, ui-design
- Language: JavaScript
- Size: 21.5 MB
- Stars: 12
- Watchers: 4
- Forks: 12
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```sh
git clone https://github.com/ReinanHS/tiktok-ui.git
```
Run the following command to download the project's dependencies
```sh
npm install
```
Now that all the dependencies have been downloaded we will install the application on the emulator with the following command
```sh
npx react-native run-android
```
### If your NodeJS version is greater than 12.10
```txt
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:
```js
var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
```
to:
```js
var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
```
for more details see [Stackoverflow](https://stackoverflow.com/questions/58120990/how-to-resolve-the-error-on-react-native-start)
### Installation video tutorial
See more details in this [video](https://youtu.be/T0G-G76UNdw)
## 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