https://github.com/remarkablemark/youtube-loop

:tv: Loop YouTube videos.
https://github.com/remarkablemark/youtube-loop

loop preact tailwind tailwindcss typescript vite website youtube youtube-loop

Last synced: about 2 months ago
JSON representation

:tv: Loop YouTube videos.

• Host: GitHub
• URL: https://github.com/remarkablemark/youtube-loop
• Owner: remarkablemark
• License: mit
• Created: 2023-09-03T23:44:15.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-29T09:44:24.000Z (3 months ago)
• Last Synced: 2024-10-29T11:48:20.032Z (3 months ago)
• Topics: loop, preact, tailwind, tailwindcss, typescript, vite, website, youtube, youtube-loop
• Language: TypeScript
• Homepage: https://b.remarkabl.org/youtube-loop
• Size: 3.68 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# YouTube Loop

[![version](https://badgen.net/github/release/remarkablemark/youtube-loop)](https://github.com/remarkablemark/youtube-loop/releases)

[![cypress](https://github.com/remarkablemark/youtube-loop/actions/workflows/cypress.yml/badge.svg)](https://github.com/remarkablemark/youtube-loop/actions/workflows/cypress.yml)

[![build](https://github.com/remarkablemark/youtube-loop/actions/workflows/build.yml/badge.svg)](https://github.com/remarkablemark/youtube-loop/actions/workflows/build.yml)

📺 Loop YouTube videos: https://b.remarkabl.org/youtube-loop

Built with:

- [Preact](https://preactjs.com/)

- [Tailwind CSS](https://tailwindcss.com/)

- [zustand](https://github.com/pmndrs/zustand)

- [react-youtube](https://github.com/tjallingt/react-youtube)

- [youtube-video-id](https://github.com/remarkablemark/youtube-video-id)

Inspired by the [Replit](https://replit.com/@remarkablemark/YouTube-IFrame-player-API-loop).

## Install

Clone the repository:

```sh

git clone https://github.com/remarkablemark/youtube-loop.git

cd youtube-loop

```

Install the dependencies:

```sh

npm install

```

## Run

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.

Open [http://127.0.0.1:5173](http://127.0.0.1:5173) to view it in the browser.

The page will reload if you make edits.

You will also see any errors in the console.

### `npm run build`

Builds the app for production to the `dist` folder.

It correctly bundles in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed!

### `npm run lint`

Lints the codebase with ESLint.

## License

[MIT](LICENSE)