Hackathon Showcase

BRUH_!

Team consisting of Intel software engineer (CS, UTAR; Python/C++/Java, Docker/K8s), Axrail backend engineer (UKM; Flutter, ASP.NET, SQL) and PayNet senior executive (cyber & cloud risk).

3 members Watch Demo

Video Video

https://www.canva.com/design/DAGpweVDJkg/dsCaxzBeL4hd2LBOEjq4Eg/edit?utm_content=DAGpweVDJkg&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Project Description

The platform is a comprehensive digital platform designed to map, explore, and connect Malaysia’s social enterprise ecosystem. The platform serves as a centralized hub that bridges the gap between startups, venture capital firms, grant programs, and ecosystem stakeholders, fostering collaboration and growth in Malaysia’s social impact sector.

Technologies Implemented

Frontend Stack

React 18.3.1 with TypeScript – Component-based UI development
Vite – Fast build tool and development server
Tailwind CSS – Utility-first CSS framework for styling
Shadcn/ui – Modern component library built on Radix UI primitives
React Router DOM – Client-side routing and navigation
Lucide React – Beautiful icon library

Backend & Data

Supabase – Backend-as-a-Service providing:
- PostgreSQL database
- Authentication & user management
- Edge Functions for AI processing
- Real-time subscriptions
AI Integration – Gemini API for intelligent matching and recommendations

State Management & Data Fetching

TanStack React Query – Server state management and caching
React Hook Form + Zod – Form handling and schema validation
Zustand (implied) – Client-side state management

UI/UX Enhancements

Recharts – Data visualization and charts
React Resizable Panels – Flexible layout management
Sonner – Modern toast notifications
Next Themes – Dark/light mode support
Custom Animations – Tailwind-based animations for smooth UX

Platform Features

🚀 Core Discovery Features

Startup Explorer (`/startups`)

Browse Malaysian startups
Advanced filtering by sector, location, founding year
AI-powered startup discovery with natural language search
Detailed startup profiles with impact metrics, awards, grants
MaGIC accreditation badges

VC & Grant Explorer (`/vc`)

Database of VCs and grant programs
AI-powered matching for funding opportunities
Detailed program information and contact details
Sector-specific filtering and search

🤖 AI-Powered Features

Smart Matchmaking System (`/matchmaker`)

User Type Selection: Startup founder, VC, Ecosystem builder
Gamification: User levels, points, rankings, progress tracking
AI Matching: Natural language input for intelligent recommendations
Manual Discovery: Browse and connect with VCs manually
Challenges & Achievements: Engagement-driven features
Networking Hub: Connection facilitation between stakeholders

📊 Data Management

Admin Panel (`/admin`)

Authentication System: Secure login/signup with Supabase Auth
Dashboard Analytics:
- Real-time metrics (total startups, VCs)
- Sector distribution pie charts
- Growth trend analysis
- AI-generated insights
Data Scraping Management:
- URL-based data collection system
- Bulk Operations: CSV upload and bulk URL processing

Community Contribution (`/contribute`)

Crowdsourced data collection
Organization information submission
Webhook integration for data processing
Form validation and data quality assurance

🔧 Technical Features

User Authentication & Profiles

Supabase-powered authentication
User profile management with roles
Session management and protection

Data Visualization

Interactive charts using Recharts
Sector distribution analysis
Growth trend visualization
Real-time dashboard updates

Search & Filtering

Multi-dimensional filtering (sector, location, type)
Full-text search capabilities
AI-enhanced search with reasoning
Real-time results updating

Responsive Design

Mobile-first approach
Adaptive layouts for all screen sizes
Touch-friendly interface
Progressive enhancement

🌐 Integration & APIs

External Integrations

Webhook endpoints for data submission
Supabase Edge Functions for AI processing
CSV import/export functionality
Real-time data synchronization

Database Schema

The platform uses several Supabase tables:

startup – Startup company information
grant_programs – VC firms and grant program data
profiles – User profile management
startup_urls & grant_urls – URL management for data scraping

n8n

Backend orchestrator for the scraping flow

Key Differentiators

AI-First Approach: Natural language search and intelligent matching
Community-Driven: Crowdsourced data collection and validation
Gamification: Engaging user experience with levels and achievements
Comprehensive Coverage: Both startups and funding opportunities
Real-time Analytics: Live dashboard with AI-generated insights
Malaysian Focus: Specifically designed for the local ecosystem

The platform successfully combines modern web technologies with AI capabilities to create a comprehensive solution for Malaysia’s social enterprise ecosystem, facilitating meaningful connections and driving social impact through technology.