@peter14l/vibecast
v0.0.0
Published
VibeCast is a modern developer tool that automatically drafts engaging, platform-tailored social media updates (such as Twitter/X or LinkedIn posts) from your git commits and developer "vibes."
Readme
VibeCast 🎙️✨
VibeCast is a modern developer tool that automatically drafts engaging, platform-tailored social media updates (such as Twitter/X or LinkedIn posts) from your git commits and developer "vibes."
Through the VibeCast Developer Console, you can review, live-edit, and approve generated drafts to share your building journey seamlessly with your audience.
Features
- Automatic Draft Generation: Connects git commits and manual developer vibes to write tailored updates.
- Developer Draft Console: A sleek, interactive web interface to view, edit, and publish queued posts.
- Status Filtering: Keep track of your draft pipeline under three main states: Queued Drafts, Published, and Failed.
- Vibe Integration: Provide context to the AI (e.g., "excited about performance gains" or "frustrated but got it working") to dictate the tone of your posts.
Tech Stack
- Frontend: React (v19) powered by Vite
- Styling: Custom Vanilla CSS for rich, responsive, and lightweight layout
- Development Tooling: ESLint, npm packages
Getting Started
1. Installation
Clone this repository and install the dependencies:
git clone https://github.com/peter14l/vibecast.git
cd vibecast
npm install2. Run the Development Server
Start the local Vite development server:
npm run devOpen your browser and navigate to the local address displayed (typically http://localhost:5173).
3. Setup API Server and Key
- Go to the Settings view in the application.
- Enter your VibeCast API Key to connect your account.
- Configure the local server URL (defaults to
http://localhost:3000where the VibeCast daemon/server runs).
Architecture & Code Structure
- src/App.jsx: Main layout router handling view state (
landing,dashboard,settings). - src/layouts/Dashboard.jsx: The Developer Draft Console UI, handling fetch request to the server, draft editing, and approval submissions.
- src/layouts/FeatureGrid.jsx: Landing page features highlight.
- src/layouts/PricingTable.jsx: Subscription and tier options.
- src/styles/: Contains CSS files styling the main layout, landing page, console, and utility tokens.
