An open API service indexing awesome lists of open source software.

https://github.com/devsubid/youtube-shorts-clone

Youtube shorts clone using typescript, next.js and implemented infinite scroll
https://github.com/devsubid/youtube-shorts-clone

infinite-scroll javascript nextjs typescript

Last synced: 10 months ago
JSON representation

Youtube shorts clone using typescript, next.js and implemented infinite scroll

Awesome Lists containing this project

README

          

# [Youtube Shorts Clone](https://youtube-shorts-clone.vercel.app/)

![](https://raw.githubusercontent.com/itsme-Subid/Youtube-Shorts-Clone/main/preview.webp)
![](https://img.shields.io/github/languages/top/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)
![](https://img.shields.io/github/languages/count/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)
![](https://img.shields.io/github/languages/code-size/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)
![](https://img.shields.io/github/repo-size/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)
![](https://img.shields.io/github/last-commit/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)
![](https://img.shields.io/github/commit-activity/w/itsme-Subid/Youtube-Shorts-Clone?style=for-the-badge)

Welcome to the Youtube-Shorts-Clone repository! Youtube-Shorts-Clone is a visually stunning website built using Next.js, TypeScript, and Styled-Components. The project is a front-end development endeavor and can be found on [GitHub](https://github.com/itsme-Subid/Youtube-Shorts-Clone).

## Getting Started

To get started, you can simply clone this repository and install the dependencies.

### Cloning the Repository

To clone the repository, you will need to have git installed on your machine. Once you have those, you can use the following commands:

```bash
git clone https://github.com/itsme-Subid/Youtube-Shorts-Clone.git
```

### Running the Project

To run the project, you will need to have Node.js and npm or yarn or pnpm installed on your machine. Once you have those, you can use the following commands:

```bash
cd Youtube-Shorts-Clone
npm install
npm run dev
```

or, if you are using yarn:

```bash
cd Youtube-Shorts-Clone
yarn
yarn run dev
```

or, if you are using pnpm:

```bash
cd Youtube-Shorts-Clone
pnpm install
pnpm run dev
```

This will start the development server and you should be able to see the website by visiting http://localhost:5173 in your browser.