? ? 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.