Projects Documentation

Comprehensive guides for creating, editing, and collaborating on web projects using our framework.

Getting Started

Welcome to the Projects documentation. Here's how to begin your journey:

  1. Clone or fork the starter project template
  2. Customize your project title and description
  3. Upload your SVG illustration (see SVG Guidelines)
  4. Submit your project for review

Development Workflow

1. Project Creation

Navigate to /projects/new.html and complete the form with:

  • Project title (max 60 characters)
  • Project description (150-300 words)
  • SVG illustration (required, 800x600px recommended)

2. Editing Projects

From any project page, click the "Edit Project" button to modify:

  • Title and description
  • SVG illustration file
  • Additional metadata

SVG Guidelines

Recommended Specifications

  • Canvas Size: 800x600 pixels
  • Color Themes: Use the primary gradient theme (#03e9f4 - #00ff00 - #ff00ff)
  • Filters: Apply neon glow filters for highlights
  • Text: Use 36px for titles, 24px for descriptions

Filter Effects

Collaboration Protocol

Use the partner project template for collaborative work. Invite co-developers via the GitHub repository integration. All changes will trigger automated SVG validation tests.

Frequently Asked Questions

Q: Can I use PNG images instead of SVG?

A: No - all projects must use SVG format for consistent quality across resolutions.

Q: How do I apply animations?

A: Use CSS transitions or GSAP animations within the SVG viewport as demonstrated in the partner project examples.