https://github.com/prince0xdev/youtube-thumbnail-generator
Ceci est un générateur de vignettes pour les vidéos YouTube grâce à leur URL. C'est un side project perso sur lequel tout le monde peut contribuer.
https://github.com/prince0xdev/youtube-thumbnail-generator
graphics vignette youtube-api
Last synced: 5 months ago
JSON representation
Ceci est un générateur de vignettes pour les vidéos YouTube grâce à leur URL. C'est un side project perso sur lequel tout le monde peut contribuer.
- Host: GitHub
- URL: https://github.com/prince0xdev/youtube-thumbnail-generator
- Owner: prince0xdev
- License: mit
- Created: 2025-01-10T13:43:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-15T10:44:04.000Z (over 1 year ago)
- Last Synced: 2025-07-11T18:54:15.211Z (12 months ago)
- Topics: graphics, vignette, youtube-api
- Language: JavaScript
- Homepage: https://yt-thumbnail-generator.netlify.app/
- Size: 301 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# YT Thumbnail Generator
**YT Thumbnail Generator** is an open-source tool for creating custom YouTube thumbnails.
The project is built with **React**, uses **Zustand** for state management, and integrates with the **YouTube Data API** to fetch video information.
Contributions are welcome — feel free to improve the tool or add new features!
---
## Features
* **YouTube Video Search:** Search for videos directly using the YouTube Data API v3.
* **Thumbnail Generation:** Create fully customizable thumbnails based on your preferences.
* **Easy Customization:** Toggle elements such as the logo, statistics, and more.
* **Local State Management:** Zustand ensures fast and reliable state handling.
* **Future Enhancements:** New features will be added soon — suggestions are encouraged!
---
## Installation
To use or contribute to this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/prince0xdev/youtube-thumbnail-generator.git
```
2. Navigate into the project directory:
```bash
cd yt-thumbnail-generator
```
3. Install dependencies:
```bash
npm install
# or
yarn install
```
4. Start the development server:
```bash
npm run dev
# or
yarn dev
```
5. Open your browser at:
```
http://localhost:5173
```
---
## YouTube API Configuration
1. Create a project on the [Google Cloud Console](https://console.cloud.google.com/).
2. Enable the **YouTube Data API v3**.
3. Generate an API key.
4. Add your API key to a `.env` file at the project root:
```env
VITE_API_YOUTUBE=Your_API_Key
```
---
## Contributing
Contributions are welcome! To get started:
1. Fork the repository.
2. Create a new branch for your feature or fix:
```bash
git checkout -b my-feature
```
3. Make your changes.
4. Commit your updates:
```bash
git commit -m "Add my feature"
```
5. Push your branch:
```bash
git push origin my-feature
```
6. Open a **Pull Request** on the main repository.
---
## Tech Stack
* **Frontend:** React + Vite
* **State Management:** Zustand
* **API:** YouTube Data API v3
* **Deployment:** Netlify
---
## License
This project is licensed under the **MIT License**.
See the [LICENSE](./LICENSE) file for more information.
---
## Acknowledgements
Thank you to all contributors and to the open-source community for supporting this project!
---
## Contact
If you have questions or suggestions, feel free to reach out on
**[LinkedIn](https://www.linkedin.com/in/prince-ekpinse/)**
or open an issue on **[GitHub](https://github.com/prince0xdev/yt-thumbnail-generator)**.
We look forward to hearing your feedback!