Project Templates

Create [type of project] with:

Structure:
- [list the pages/sections/views]

Features:
- [list specific functionality]

Tech: [framework, libraries]
Theme: [visual description]

[Any additional constraints or preferences]

Create a personal portfolio website with these specifications:

Structure:
- Homepage with hero (name, title, one-liner), about section,
  featured projects (3 cards), skills list, and contact info
- Individual project detail pages
- Responsive design (looks great on mobile and desktop)

Tech: Astro with Tailwind CSS
Theme: Dark background (#09090b), light text, purple accent color

Content: Use placeholder content with clear labels so I can
easily find and replace with my own information.

Create a blog with these specifications:

Structure:
- Homepage showing recent posts as cards with title, date, excerpt
- Individual post pages with good reading typography
- Tag system: posts can have multiple tags, tag pages show filtered posts
- About page

Tech: Astro with Markdown content collection
Theme: Dark, focused on readability. Body text at least 18px.
Content: Include 3 sample posts with realistic content.

Create a product landing page with:

Sections:
- Hero with headline, subheadline, and two CTA buttons
- Features grid (6 features with icons, title, description)
- Social proof / testimonials (3 quotes)
- Pricing (3 tiers: Free, Pro, Enterprise)
- FAQ accordion (5 questions)
- Footer with links and newsletter signup

Tech: Single HTML file with Tailwind via CDN
Theme: Dark, professional. Modern SaaS aesthetic.
All content should be placeholder but realistic-looking.

Create an admin dashboard with:

Layout:
- Sidebar navigation (collapsible on mobile)
- Top bar with search and user menu
- Main content area

Pages:
- Overview: 4 stat cards, a line chart, and a recent activity list
- Users: Table with search, sort, and pagination
- Settings: Form with account and notification preferences

Tech: React with Vite and Tailwind CSS
Theme: Dark, clean, minimal
Use mock data that looks realistic.

Create a task management app with:

Features:
- Add tasks with title and optional due date
- Mark tasks as complete (checkbox)
- Delete tasks
- Filter: All / Active / Completed
- Tasks persist in localStorage
- Color-coded urgency (overdue = red, due today = amber, upcoming = green)

Tech: React with Vite
Theme: Dark, minimal, clean
Single page application.

Create a unit converter web app with:

Features:
- Categories: Length, Weight, Temperature, Volume
- Dropdown selectors for from/to units
- Real-time conversion as you type
- Swap button to reverse from/to
- History of recent conversions

Tech: Single HTML file with vanilla JavaScript
Theme: Dark, centered layout, large input text
Mobile-friendly.

Create a data visualization page with:

Features:
- File upload for CSV data
- Auto-detect columns and data types
- Generate bar chart, line chart, or scatter plot
- Toggle between chart types
- Download chart as PNG
- Basic statistics (mean, median, min, max per column)

Tech: React, Vite, Chart.js
Theme: Dark, focused on the visualizations
Include a sample CSV for demonstration.

Create a note-taking application with:

Features:
- Markdown editor with live preview (side by side)
- List of notes in a sidebar
- Create, edit, delete notes
- Search/filter notes by content
- All data saved to localStorage
- Export notes as Markdown files

Tech: React, Vite, a Markdown parser library
Theme: Dark, distraction-free writing focus

Create a Python data pipeline CLI tool with:

Structure:
- src/ folder with modules for loading, processing, and visualization
- data/ folder for input CSV files
- output/ folder for generated charts and reports

Features:
- Accept a CSV file path via argparse
- Clean data: handle missing values, detect column types
- Generate summary statistics
- Create bar and line charts with plotly
- Export an HTML report with embedded charts

Tech: Python 3.10+, pandas, plotly, argparse
Include a sample CSV with realistic sales data (50 rows).

Create a data visualization page with:
- File upload for CSV data
- Charts
- Basic statistics

Create a gene expression data explorer with:

Features:
- Upload CSV files with gene expression data (gene ID, sample columns, fold change, p-value)
- Volcano plot showing fold change vs. significance
- Heatmap of top 50 differentially expressed genes
- Filter by p-value threshold (slider from 0.001 to 0.05)
- Filter by minimum fold change
- Export filtered gene list as CSV
- Display total genes, significant genes count, up/down regulated counts

Tech: React, Vite, Chart.js
Theme: Dark with a scientific/academic feel
Include a sample dataset with realistic gene expression data.

Create a sales performance dashboard with:

Features:
- Upload CSV with columns: date, region, product, revenue, units_sold
- KPI cards: total revenue, average order value, top region, growth rate
- Line chart showing revenue over time (toggle monthly/quarterly)
- Bar chart comparing regions
- Pie chart showing product mix
- Date range filter
- Export dashboard view as PNG

Tech: React, Vite, Chart.js
Theme: Dark, professional, corporate-clean
Include sample sales data for 12 months across 4 regions.

Create a public spending transparency dashboard with:

Features:
- Upload CSV with columns: department, category, amount, fiscal_year, description
- Summary cards: total spending, largest department, year-over-year change
- Treemap showing spending by department and category (use the chartjs-chart-treemap plugin, or switch to ECharts/Recharts if treemap support is needed)
- Bar chart comparing fiscal years
- Searchable table of all line items with sort and filter
- Accessible: Target WCAG 2.1 AA (keyboard nav, screen reader labels, sufficient contrast) -- validate with accessibility testing tools after generation
- Export filtered data as CSV

Tech: React, Vite, Chart.js
Theme: Professional, clean, high-contrast for accessibility
Include sample budget data for 5 departments over 3 fiscal years.