Community AI Project Showcase

A web application for showcasing AI projects from the community. Users can submit their AI projects and browse through all submitted projects.

Features

  • Submit AI projects with title, description, link, and category
  • Browse all submitted projects in a card-based layout
  • Categories include: Machine Learning, NLP, Computer Vision, Generative AI, Data Science, Robotics, Other AI
  • Responsive design with TailwindCSS

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   └── projects.ts      # Project API routes
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React app
│   │   ├── ProjectForm.tsx  # Project submission form
│   │   └── ProjectCard.tsx  # Individual project display
│   ├── index.html           # HTML template
│   └── index.tsx            # React entry point
└── shared/
    └── types.ts             # Shared TypeScript types

API Endpoints

  • GET / - Serves the main application
  • GET /api/projects - Get all projects
  • POST /api/projects - Submit a new project

Tech Stack

  • Backend: Hono + SQLite
  • Frontend: React + TailwindCSS
  • Database: SQLite
  • Styling: TailwindCSS via Twind