Files

unclecode 216019f29a fix(marketplace): prevent hero image overflow and secondary card stretching

- Fixed hero image to 200px height with min/max constraints
- Added object-fit: cover to hero-image img elements
- Changed secondary-featured align-items from stretch to flex-start
- Fixed secondary-card height to 118px (no flex: 1 stretching)
- Updated responsive grid layouts for wider screens
- Added flex: 1 to hero-content for better content distribution

These changes ensure a rigid, predictable layout that prevents:
1. Large images from pushing text content down
2. Single secondary cards from stretching to fill entire height

2025-10-11 12:52:04 +08:00

admin

fix(marketplace): isolate api under marketplace prefix

2025-10-09 22:26:15 +08:00

backend

fix(marketplace): isolate api under marketplace prefix

2025-10-09 22:26:15 +08:00

frontend

fix(marketplace): resolve app detail page routing and styling issues

2025-10-11 11:51:22 +08:00

app-detail.css

fix(marketplace): resolve app detail page routing and styling issues

2025-10-11 11:51:22 +08:00

app-detail.html

fix(marketplace): resolve app detail page routing and styling issues

2025-10-11 11:51:22 +08:00

app-detail.js

fix(marketplace): resolve app detail page routing and styling issues

2025-10-11 11:51:22 +08:00

index.html

fix(marketplace): Update URLs to use /marketplace path and relative API endpoints

2025-10-02 17:08:50 +08:00

marketplace.css

fix(marketplace): prevent hero image overflow and secondary card stretching

2025-10-11 12:52:04 +08:00

marketplace.js

fix(marketplace): isolate api under marketplace prefix

2025-10-09 22:26:15 +08:00

README.md

feat(marketplace): Add Crawl4AI marketplace with secure configuration

2025-10-02 16:41:11 +08:00

README.md

Crawl4AI Marketplace

A terminal-themed marketplace for tools, integrations, and resources related to Crawl4AI.

Setup

Backend

Install dependencies:

cd backend
pip install -r requirements.txt

Generate dummy data:

python dummy_data.py

Run the server:

python server.py

The API will be available at http://localhost:8100

Frontend

Open frontend/index.html in your browser
Or serve via MkDocs as part of the documentation site

Database Schema

The marketplace uses SQLite with automatic migration from schema.yaml. Tables include:

apps: Tools and integrations
articles: Reviews, tutorials, and news
categories: App categories
sponsors: Sponsored content

API Endpoints

GET /api/apps - List apps with filters
GET /api/articles - List articles
GET /api/categories - Get all categories
GET /api/sponsors - Get active sponsors
GET /api/search?q=query - Search across content
GET /api/stats - Marketplace statistics

Features

Smart caching: LocalStorage with TTL (1 hour)
Terminal theme: Consistent with Crawl4AI branding
Responsive design: Works on all devices
Fast search: Debounced with 300ms delay
CORS protected: Only crawl4ai.com and localhost

Admin Panel

Coming soon - for now, edit the database directly or modify dummy_data.py

Deployment

For production deployment on EC2:

Update API_BASE in marketplace.js to production URL
Run FastAPI with proper production settings (use gunicorn/uvicorn)
Set up nginx proxy if needed