🌌☄️ Sourceful Space

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

<br>

<br><br> <a href="https://www.producthunt.com/posts/sourceful-space?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-sourceful&#0045;space" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=968814&theme=light&t=1747909992893" alt="Sourceful&#0032;Space - The&#0032;launchpad&#0032;for&#0032;small&#0032;projects&#0032;that&#0032;deserve&#0032;big&#0032;visibility | Product Hunt" style="width: 200px; height: 54px;" width="200" height="54" /></a> <br> <br>

[!IMPORTANT]
If you find sourceful.space helpful and want to support the project, please give it a star on GitHub! Your star helps the development.

<br>

[!NOTE]
Expect bugs and errors because the project is currently in beta stage.

<br>

✨ What is Sourceful Space? ✨

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.

<br>

🛠️ Tech Stack 🛠️

• ⚛️ 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)

<br>

🤔 Why Sourceful Space? 🤔

• ⚡ 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.

<br>

🚦 Getting Started for development 🚦

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.

<br>

🧑‍💻 How to Use (web) 🧑‍💻

• 🔍 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 <kbd>Ctrl</kbd>+<kbd>K</kbd> to open the command palette.
  • Select Submit Project (or press <kbd>P</kbd> 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 <kbd>Ctrl</kbd>+<kbd>K</kbd> (Windows/Linux) or <kbd>⌘</kbd>+<kbd>K</kbd> (Mac) to open the command bar for quick navigation and actions.

<br>

⌨️ Keybinds & Shortcuts ⌨️

| 🎯 Action | 💻 Keybind (Windows/Linux) | 🍏 Keybind (Mac) | 📝 Description | | --------------- | -------------------------- | ---------------- | ------------------------------ | | Command Palette | Ctrl + K | ⌘ + K | Open command bar (Kbar) | | Scroll to Top | T | T | Instantly scroll to top | | Theme Toggle | Shift + D | Shift + D | Switch between light/dark mode | | Go Home | H (in Kbar) | H | Navigate to homepage | | Submit Project | P (in Kbar) | P | Open project submission dialog | | Sign Up | S (in Kbar) | S | Open sign up dialog | | Log Out | O (in Kbar) | O | Log out |

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

<br>

🧩 Design System & Customization (dev) 🧩

• 🎨 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.

<br>

🤖 AI Startup Review 🤖

• ✍️ 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).

<br>

📄 License 📄

See LICENSE for details. 📜

<br>

🏷️ Credits 🏷️

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

<br>

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