A modern web application that combines Test-Driven Development (TDD) with AI assistance. This tool helps developers write better code by providing an interactive environment for writing tests, generating code, and getting AI-powered suggestions.
- 🤖 AI-powered code generation and suggestions
- 💬 Interactive chat interface for communicating with the AI
- 📝 Real-time code editing with syntax highlighting
- 🔄 Version control for generated code
- 🧪 Test execution and results display
- 🌐 Support for multiple programming languages:
- TypeScript
- JavaScript
- Python
- Java
- Frontend Framework: React with TypeScript
- Build Tool: Vite
- UI Components: shadcn/ui
- Code Editor: Monaco Editor
- Styling: Tailwind CSS
- State Management: React Hooks
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/tdd-ai.git cd tdd-ai -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173
-
Chat Interface
- Type your message in the chat input
- Send messages to get AI assistance
- View conversation history in the left panel
-
Code Editor
- Write or edit code in the main editor
- Select programming language from the sidebar
- Run tests using the "Run Tests" button
- Clear code using the "Clear" button
-
Generated Code
- View AI-generated code in the "Generated Code" tab
- Switch between different versions using the version selector
- Submit code for review or further generation
-
Test Results
- View test execution results in the output panel
- Monitor test coverage and performance
This project is licensed under the MIT License - see the LICENSE file for details.
- shadcn/ui for the beautiful UI components
- Monaco Editor for the code editor
- Vite for the build tool
- Tailwind CSS for the styling