Click the link below to view the deployed version of my TikTok clone built using the MERN stack.
https://tiktok-clone-tarun.web.app/
About the Project:
I built the UI using React.JS and used Material UI and Material Icons for the various Icons and Actions.
This UI is deployed on Firebase using Firebase Hosting.
The backend is built using Node.JS and runs on an Express.JS server and is deployed on Heroku.
The data for the videos is being pulled from a Mongo DB cluster. Mongoose is used to connect the database to the Node.JS backend.
I use Axios to connect the frontend to the backend.
Click or tap on a video to start and stop it, scroll up/down to navigate.
Only the “like” functionality is built with the other buttons currently disabled.
This is meant for demonstration purposes only.
Known Issue: If you click on the Like button, 1 is being appended to the likes and not added to it. This is because I have stored likes as a string in the DB and not an integer. I am just too lazy to fix it for now 🙂
Reference video:
https://www.youtube.com/watch?v=ktjafK4SgWM
Credit to Sonny and David.
