https://github.com/vmnog/youtube-subs-counter

https://github.com/vmnog/youtube-subs-counter

Last synced: 10 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/vmnog/youtube-subs-counter
• Owner: vmnog
• Created: 2024-04-09T13:29:06.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-09T13:43:41.000Z (10 months ago)
• Last Synced: 2024-12-28T23:02:44.724Z (25 days ago)
• Language: HTML
• Homepage: https://youtu.be/8xR8xWDwSIg
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# YouTube Subscriber Counter

Welcome to the YouTube Subscriber Counter project! This simple yet dynamic webpage displays the live subscriber count of a specific YouTube channel, along with a festive confetti animation to celebrate the growing community. This project was created as part of a YouTube tutorial, demonstrating how to integrate with the YouTube API and use libraries such as countUp.js and tsparticles confetti.js to enhance web development skills.

## Tutorial

For a step-by-step guide on how this project was built, watch the full tutorial on YouTube: [Watch the tutorial](https://youtu.be/8xR8xWDwSIg)

## Features

- Live subscriber count display from the YouTube API.

- Dynamic confetti animation to celebrate subscriber milestones.

- Responsive design that looks great on all devices.

## Technologies Used

- HTML

- CSS

- JavaScript

- YouTube API

- countUp.js

- tsparticles confetti.js

## Setup

To run this project, simply clone the repository, open the `index.html` file in a web browser, and enjoy watching the subscriber count and confetti animation.

## Configuration

To configure the project for your own YouTube channel, you will need to replace the `API_KEY` and `CHANNEL_ID` in the `` section of `index.html` with your own YouTube API key and channel ID.

## Acknowledgements

This project was inspired by the journey to 1,000 subscribers on my YouTube channel. It's a tribute to everyone who has supported the channel and a tool for others to celebrate their milestones.

## Connect with Me

For more projects, tutorials, and coding tips, follow me on [Instagram](https://instagram.com/caraquecoda)