InnovateHub

About

InnovateHub is a platform for discovering and sharing new digital products. Users can submit their own products, browse and search for products, upvote their favorites, and engage with the community through comments. The platform includes features for product categorization, technology tagging, and user profiles.

Technology Stack

This project is built with modern web technologies:

• Frontend:

  • React - JavaScript library for building user interfaces
  • TypeScript - Typed superset of JavaScript
  • Vite - Next-generation frontend tooling
  • Tailwind CSS - Utility-first CSS framework
  • shadcn/ui - Reusable UI components built with Radix UI and Tailwind CSS
  • React Router - Declarative routing for React
  • Tanstack React Query - Data fetching and state management

• Backend:

  • Supabase - Open-source Firebase alternative
  • PostgreSQL - Advanced open-source relational database
  • Row Level Security (RLS) - Database-level security policies

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or bun package manager

Installation

1. Clone the repository:

   git clone <repository-url>
   cd innovatehub

2. Install dependencies:

   npm install
   # or with bun
   bun install

3. Start the development server:

   npm run dev
   # or with bun
   bun run dev

4. Open your browser and navigate to http://localhost:8080

Connecting to Your Own Supabase Backend

1. Create a new Supabase project at https://supabase.com

2. Configure your Supabase project:

   • Set up authentication providers as needed
   • Run the database migrations found in the supabase/migrations directory
   • Set up storage buckets if needed

3. Update the Supabase client configuration:

   • Create a .env.local file in the project root (it's git-ignored)
   • Add your Supabase URL and anon key:

     VITE_SUPABASE_URL=https://your-project-id.supabase.co
     VITE_SUPABASE_ANON_KEY=your-anon-key
     

4. Alternatively, you can directly update the src/integrations/supabase/client.ts file with your project details.

Deployment

Deploy with Netlify

1. Push your repository to GitHub, GitLab, or Bitbucket
2. Sign up for Netlify
3. Create a new site from Git
4. Select your repository and configure build settings:
   • Build command: npm run build or bun run build
   • Publish directory: dist
5. Configure environment variables for Supabase in the Netlify dashboard

Deploy with Vercel

1. Push your repository to GitHub, GitLab, or Bitbucket
2. Sign up for Vercel
3. Import your repository
4. Configure build settings:
   • Framework preset: Vite
   • Build command: npm run build or bun run build
   • Output directory: dist
5. Configure environment variables for Supabase in the Vercel dashboard

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.