Files

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

- Fixed JavaScript errors from missing HTML elements (install-code, usage-code, integration-code)
- Added missing CSS classes for tabs, overview layout, sidebar, and integration content
- Fixed tab navigation to display horizontally in single line
- Added proper padding to tab content sections (removed from container, added to content)
- Fixed tab selector from .nav-tab to .tab-btn to match HTML structure
- Added sidebar styling with stats grid and metadata display
- Improved responsive design with mobile-friendly tab scrolling
- Fixed code block positioning for copy buttons
- Removed margin from first headings to prevent extra spacing
- Added null checks for DOM elements in JavaScript to prevent errors

These changes resolve the routing issue where clicking on apps caused page redirects,
and fix the broken layout where CSS was not properly applied to the app detail page.

2025-10-11 11:51:22 +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

feat(marketplace): add sponsor logo uploads

2025-10-06 20:58:35 +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