/Titok-WEB

Primary LanguageTypeScript

TIKTOK CLONE

Explanation:

  • Short Description: Introduced the project as a TikTok clone, which gives potential users or contributors an immediate understanding of the project's purpose.
  • Features: Listed key functionalities inspired by TikTok.
  • Technologies Used: Highlighted the technologies/frameworks/libraries used to build the project.
  • Installation and Usage: Provided clear steps for installation and usage to help users get started quickly.
  • Contributing: Outlined how others can contribute to the project.
  • License: Noted the license under which the project is distributed.

Customize the content further based on your specific implementation details and preferences. This template serves as a solid foundation to document and share your TikTok clone project on GitHub effectively.

Auth Page (Login/Register)

Screenshot 2024-06-03 162732

Home Page you can like dislike comment like comments and follow and unfollow users

Screenshot 2024-06-03 162829 Screenshot 2024-06-03 163015

Upload new Video with title and hashtags

Screenshot 2024-06-03 163052

In Profile Page You can update your name bio profile image

Screenshot 2024-06-03 163443 Screenshot 2024-06-03 163502

Table of Contents

Features

  • User authentication (login, register)
  • Video uploading and management
  • Like/dislike videos
  • Post comments on videos
  • Update user profile

Technologies Used

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)
  • Other: (mention any other libraries or tools used)

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/your-repo.git
    cd your-repo
    
  2. Install dependencies: npm install

  3. Start the development server: npm start

  4. Start the development client: npm run dev

Notes:

  • Features: List key functionalities briefly.
  • Technologies Used: Mention the technologies/frameworks/libraries used.
  • Installation: Provide clear steps to clone, install dependencies, and set up environment variables.
  • Usage: Describe how users can interact with your application.
  • Screenshots: Optionally include visual representations of your application.
  • Contributing: Guidelines for contributing to your project.
  • License: Specify the license under which your project is distributed.

This template gives a clear structure for explaining your Node.js, React.js, MongoDB, and Tailwind CSS project, focusing on functionality and ease of understanding for potential users or contributors.