https://github.com/twowheeldev/twitchblueskytimeline

Allows showing your Bluesky posts in a panel on your Twitch channel
https://github.com/twowheeldev/twitchblueskytimeline

Last synced: 12 months ago
JSON representation

Allows showing your Bluesky posts in a panel on your Twitch channel

• Host: GitHub
• URL: https://github.com/twowheeldev/twitchblueskytimeline
• Owner: TwoWheelDev
• License: mit
• Created: 2025-05-08T19:46:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-14T16:46:08.000Z (about 1 year ago)
• Last Synced: 2025-06-01T19:08:55.641Z (about 1 year ago)
• Language: TypeScript
• Size: 295 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Bluesky Feed Twitch Extension

This project is a Twitch extension built with **React**, **TypeScript**, and **Vite**. It integrates with the Bluesky API to display posts from a specified user and allows broadcasters to configure the extension via a settings panel.

## Features

- **Bluesky Feed Display**: Fetch and display posts from a specified Bluesky handle.

- **Twitch Configuration**: Save and retrieve broadcaster-specific settings using the Twitch Extensions API.

- **Dark Mode Support**: Automatically adapts to the Twitch UI theme (light or dark).

- **Responsive Design**: Built with Tailwind CSS for a clean and responsive UI.

## Screenshots

![Light Mode](./screenshots/LightMode.png)

![Dark Mode](./screenshots/DarkMode.png)

## Tech Stack

- **React**: Frontend library for building user interfaces.

- **TypeScript**: Strongly typed JavaScript for better developer experience.

- **Vite**: Fast build tool for modern web projects.

- **Tailwind CSS**: Utility-first CSS framework for styling.

- **Twitch Extensions API**: Integration with Twitch for configuration and theming.

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgments

- [Bluesky API](https://bsky.app/) for providing the data.

- [Twitch Extensions API](https://dev.twitch.tv/docs/extensions) for enabling integration with Twitch.

- [Vite](https://vitejs.dev/) for the fast development experience.

- [Tailwind CSS](https://tailwindcss.com/) for the styling framework.