TikTok Clone

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 TikTok-Clone

• The project, created with Next.js, Tailwind CSS, and TypeScript, mimics TikTok's mobile homepage. It includes real-time video rendering using the YouTube API, delivering a continuous stream of content. Designed for mobile devices, the interface ensures smooth navigation and viewing on smartphones and tablets.

🛠 Built With

1. Next.js
2. Tailwind CSS
3. Typescript

Tech Stack

Client

• Next.js
• Tailwind CSS
• TypeScript

Key Features

• Mobile Responsive
• Nav-Drawer
• Bottom-Nav
• Real-time Video Rendering through Youtube API
• Infinite scrolling

(back to top)

LIVE DEMO

Watch LIVE demo of the web-app.

(back to top)

💻 Getting Started

To get a local copy of the project, use this link:

cd my-tiktok-clone
git clone https://github.com/BHObserver/tiktok-homepage-clone-mobile.git

Setup

To setup this project, run this command:

npm install

To run the project, execute the following command:

npm run dev

Prerequisites

1. A Code Editor
2. Git
3. Internet Browser

Deployment

You can deploy this project using:

1. Vercel
2. Render
3. Any other hosting site

(back to top)

👥 Authors

👤 Burhan Uddin

• GitHub: @BHObserver
• Twitter: @BurhanU14173360
• LinkedIn: hans-dev

(back to top)

🔭 Future Features

• Desktop Version
• Signup and Login
• New Page - Discovery
• Search Box

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like this project, please give it some starts ⭐️⭐️⭐️⭐️⭐️

(back to top)

🙏 Acknowledgments

(back to top)

❓ FAQ (OPTIONAL)

(back to top)

📝 License

This project is MIT licensed.

(back to top)