Redefining open-source collaboration for indie creators, developers, and designers. 🌍✨

GitHub stars GitHub last commit GitHub issues GitHub contributors Top language

Sourceful Space - The launchpad for small projects that deserve big visibility | Product Hunt

Sourceful Space is a modern, open-source platform that empowers developers and designers to explore, share, invest and contribute to open-source and early-stage startup projects ✨. It leverages a robust design system, AI-powered feedback 🤖, and a beautiful, customizable UI 🎨 to streamline project building and 🏠 community engagement.

• ⚛️ Next.js (React Framework)
• 🟦 TypeScript (Type Safety)
• 🎨 SCSS (Design Tokens, Theming)
• 🦸 Supabase (Database & Auth)
• 🔤 Google Fonts (Typography)
• ▲さんかく Vercel (Deployment)
• 🌈 PrismJS (Code Highlighting)
• 🤖 AI Integration (Google Gemini API)
• 🧩 Custom Once-UI Design System (Reusable components & tokens)

• ⚡ Consistency & Speed: Use a design system with tokens and components for a unified, fast workflow.
• 🤖 AI-Powered: Instantly review your open-source startup ideas with AI feedback.
• 🌱 Open Source: Fork, contribute, and make it your own.
• 👥 Community-Driven: Built for and by indie creators.

1. 🧑‍💻 Clone or Fork the repository:

   git clone https://github.com/divyanshudhruv/sourceful.space.git
   cd sourceful.space
   git checkout -b your-branch-name
   npm install
   npm run dev

2. 🔑 Set up environment variables if any:

   • Copy .env.local.example to .env.local and add your Supabase and Gemini API keys.

3. 🌐 Visit http://localhost:3000 in your browser.

4. 🔄 Start coding: Make changes, and see them live in your browser.

5. 🧪 Pull request: Submit a pull request after creating a new branch.

• 🔍 Explore Projects: Browse open-source and early startup projects on the homepage. 🏠
• 💡 Submit Your Idea:
  • Use the textarea labeled "Describe your open-source startup idea".
  • Click Review by AI to get instant feedback powered by AI. 🤖
• 🚀 Add Projects:
  • Press Ctrl+K to open the command palette.
  • Select Submit Project (or press P in the palette).
  • Enter your project details, tech stack, and upload media. 📦
  • Hit Submit to share your project with the community!
• 🎨 Theme Switching:
  • Use the theme switcher in the UI or the keybind (see below) to toggle between light and dark mode.
• 🖼️ Media Uploads:
  • Use the MediaUpload component to add images/assets to your project.
• ⚡ Command Palette:
  • Press Ctrl+K (Windows/Linux) or ⌘+K (Mac) to open the command bar for quick navigation and actions.

💡 Tip: All Kbar actions are searchable and can be triggered by keyboard!

• 🎨 Tokens:
  • All design tokens (colors, spacing, typography) are in src/once-ui/tokens/.
  • Change theme, brand, accent, and more in src/app/resources/config.js.
• 🧱 Components:
  • Use any component from @/once-ui/components in your pages.
  • Example:

    import { Button, Text, Heading } from "@/once-ui/components";

• 🌗 Theming:
  • Supports light/dark mode and multiple color schemes.
  • Easily override tokens for your own branding.

• ✍️ Describe your idea in the textarea.
• 🖱️ Click Review by AI.
• ⚡ Get instant feedback: The AI will tell you if your idea is a good open-source startup and why (or why not).

See LICENSE for details. 📜

• 🧩 Built with Once UI
• 🦸 Powered by Supabase & Google Gemini

Crafted with ☕ by the indie creators for the open-source community.