An interactive thermodynamic computing engineering course that makes learning thermal management in computing systems fun and engaging through hands-on tutorials, visual simulations, and AI-powered assistance.
Thermo Fun Code Lab is a comprehensive educational platform designed to teach thermodynamic computing concepts through:
- Interactive Learning Modules: Step-by-step courses covering heat transfer, thermal resistance, cooling systems, and more
- Visual Simulations: Real-time heat transfer visualizations and thermal modeling
- Code Playground: Interactive editors for practicing thermal calculations and simulations
- AI Assistant: Claude 3.5 Sonnet integration for instant help with thermodynamic concepts
- Progress Tracking: Monitor your learning journey through the course modules
- Engineering students studying thermal management
- Computer science students interested in hardware optimization
- Professionals working with data centers and cooling systems
- Anyone curious about the thermal challenges in modern computing
- Fundamentals: Basic heat transfer principles
- Thermal Resistance: Understanding thermal pathways
- Heat Sinks: Design and optimization
- Thermal Interface Materials: Properties and applications
- Fan Cooling: Airflow dynamics and optimization
- Liquid Cooling: Advanced cooling solutions
- Real-time heat transfer visualizations
- Interactive code editors with live feedback
- Progress tracking and module completion
- Responsive design for all devices
- Powered by Claude 3.5 Sonnet
- Expert guidance on thermodynamic concepts
- Real-time Q&A support
- Personalized learning assistance
- Frontend: React 18 with TypeScript
- Styling: Tailwind CSS
- UI Components: Shadcn/ui
- Build Tool: Vite
- Charts: Recharts
- Icons: Lucide React
- AI Integration: Anthropic Claude API
- Node.js (version 16 or higher)
- npm or yarn package manager
- Anthropic API key (for AI assistant functionality)
git clone https://github.com/lalomorales22/thermo-fun-code-lab.git
cd thermo-fun-code-labnpm install
# or
yarn installnpm run dev
# or
yarn devNavigate to http://localhost:5173 in your web browser to start learning!
To use the AI assistant feature:
- Get an Anthropic API key from Anthropic Console
- Click the "AI Assistant" button in the app
- Enter your API key when prompted
- Start asking questions about thermodynamic computing!
Your API key is stored locally in your browser and never sent to our servers.
- Start Learning: Begin with the first module (Fundamentals of Heat Transfer)
- Progress Through Modules: Complete each module to unlock the next one
- Use Visualizations: Interact with heat transfer simulations
- Practice Coding: Try the interactive code examples
- Ask Questions: Use the AI assistant for help with concepts
- Track Progress: Monitor your completion status
src/
├── components/ # Reusable UI components
│ ├── ui/ # Shadcn UI components
│ ├── AIAssistant.tsx # AI chat interface
│ ├── CourseHeader.tsx
│ ├── ModuleCard.tsx
│ └── ...
├── data/ # Course content and data
├── pages/ # Main application pages
├── types/ # TypeScript type definitions
└── lib/ # Utility functions
We welcome contributions! Please feel free to:
- Report bugs or issues
- Suggest new features or improvements
- Submit pull requests
- Share feedback on the learning experience
This project is open source and available under the MIT License.
- Live Demo: Deployed on Lovable
- GitHub Repository: https://github.com/lalomorales22/thermo-fun-code-lab.git
- Anthropic API: https://www.anthropic.com/api
If you encounter any issues or have questions:
- Check the existing GitHub issues
- Use the AI assistant within the app
- Create a new issue with detailed information
- Contact the maintainers
Happy Learning! 🎓🔥
Transform your understanding of thermodynamic computing with hands-on, interactive education.