Project Info
This project did not submit a demo video on Devpost.
Dev tool
Inspiration
Inspired by Warp Terminal's AI-enhanced productivity and modern UI, we recognized the need for efficiency in creating Dockerfiles—a task essential for containerizing applications, setting up student development environments, and testing programs. To simplify this often tedious process, we developed an intuitive UI, utilizing generative AI to streamline the architecture of Docker containers, making it a more user-friendly and less labor-intensive experience.
What it does
Blocker revolutionizes Dockerfile customization through its block-based, drag-and-drop interface, offering users precise control over the configuration. Users can effortlessly rearrange and modify these blocks, and Blocker employs generative AI to seamlessly synthesize these adjustments into a complete Dockerfile. This approach not only simplifies the process but also enhances the flexibility and accuracy of Dockerfile generation.
How we built it
React.js, OpenAI, Flask, TailwindCSS.
What's next
More blocks. Allow importing of existing Dockerfiles.
Analysis
View
Metric
- 10
- 7
- 6
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- FlaskIn code
- HTMLIn code
- JavaScriptIn code
- OpenAIIn code
- PythonIn code
- ReactIn code
- Tailwind CSSIn code
- TypeScriptIn code
9 of 9 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
20 KB
Source files
17
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
claby2/blocker
27 files · 241 KB · @ d6cb123
Structure
Interface
6 files · 22%Screens, components and styles rendered to the user.
Application logic
7 files · 26%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- TypeScript72%
- Python18%
- Markdown7%
- HTML2%
- JavaScript1%
- CSS0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
frontend/package.json
npm · 24- @headlessui/react
- @heroicons/react
- @types/react-syntax-highlighter
- autoprefixer
- dnd-core
- immutability-helper
- postcss
- react
- react-dnd
- react-dnd-html5-backend
- react-dom
- react-router-dom
- react-syntax-highlighter
- tailwindcss
- +10 more
backend/requirements.txt
pypi · 4- Flask
- Flask-CORS
- openai
- python-dotenv
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.