A React web app TikTok UI clone with Firbase database

? ? TikTok with React ? ✨

App Hosted@Firebase

Click Here ➡️ ? TikTok ? ⬅️

also check mobile view in the developer tools

React and Tech Stack

npx create-react-app tik-tok-in-react

npm install react-ticker

a react library that functions similar to HTML’s <marqee>

npm install firebase

Material UI https://material-ui.com/

npm install @material-ui/core

In a nutshell, Material-UI is an open-source project that features React components that implement Google’s Material Design. … With over 35,000 stars on GitHub, Material-UI is one of the top user interface libraries for React out there.

npm install @material-ui/icons

1100+ React Material icons ready to use from the official website

CSS

Hacks and flexbox

learned some great stuff from the pros on this build but dam I have made a sweet layout based on the samsung s10+, really love the result and pretty simple css to do it

this was a great build to start to understand React with Hooks useState useRef useEffect ect…

Next Steps

I’m moving onto React Native app development and will look into replicating this project or something similar specifically to develop an Android/ios app.

GitHub

View Github