💻 DX Session CFP Terminal (webdx)

A modern, interactive terminal-based web application built to handle Call for Papers (CFP) submissions with an exceptional Developer Experience (DX).

✨ Features

• Interactive Terminal UI: A fully custom, canvas-based terminal interface for submitting CFPs.
• Modern React 19: Leveraging the latest React features for optimal performance and state management.
• Blazing Fast Builds: Powered by Vite 8 (beta) for instant HMR and optimized production builds.
• Type-Safe: Strict TypeScript 5.9 configuration to catch errors at compile time.
• PWA Ready: Configured with Web Manifest and proper SEO meta tags.

🚀 Tech Stack

• Framework: React 19
• Bundler: Vite 8 (beta)
• Language: TypeScript 5.9
• Linting: ESLint 9 with strict type-aware rules
• Deployment: Vercel

📦 Getting Started

This project uses pnpm as the package manager to ensure fast, deterministic installs.

Prerequisites

• Node.js (v20+ recommended)
• pnpm (npm install -g pnpm)

Installation

Clone the repository and install dependencies:

git clone https://github.com/felipe-parra/webdx.git
cd webdx
pnpm install

🛠️ Available Scripts

In the project directory, you can run:

Command	Description
pnpm dev	Starts the Vite development server with HMR.
pnpm build	Compiles TypeScript and builds the app for production.
pnpm preview	Boots up a local static web server to preview the production build.
pnpm lint	Runs ESLint to catch and fix code quality issues.

📂 Project Structure

webdx/
├── .github/
│   └── copilot-instructions.md # AI Agent guidelines
├── public/                     # Static assets (favicons, manifest)
├── src/
│   ├── assets/                 # Component-level assets
│   ├── components/
│   │   └── cfp-terminal.tsx    # Core terminal UI component
│   ├── App.tsx                 # Root component
│   ├── main.tsx                # Application entry point
│   └── index.css               # Global styles
├── eslint.config.js            # ESLint 9 Flat Config
├── vite.config.ts              # Vite bundler configuration
└── package.json                # Dependencies and scripts

🤖 AI Agents & Collaboration

This project is developed with an AI-First approach, emphasizing collaboration between human developers and AI agents to maximize DX and productivity.

• See AGENTS.md for details about the team structure.
• See .github/copilot-instructions.md for the specific context and rules provided to GitHub Copilot.

☁️ Deployment

This project is optimized for zero-config deployment on Vercel.

1. Push your code to a GitHub repository.
2. Import the project in the Vercel Dashboard.
3. Vercel will automatically detect Vite and configure the build settings (pnpm build and dist/ output directory).

👨‍💻 Author

Felipe Parra