Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
迁移分享：屏幕截图转为HTML或vue代码
24 Commits 18 Branches 0 Tags 39 MiB
Python 54.8%
TypeScript 42.9%
JavaScript 0.7%
CSS 0.7%
HTML 0.5%
Other 0.3%
fca6f47882
Go to file
Abi Raja fca6f47882 Update README.md
2023-11-14 17:52:28 -05:00
backend add a console to show progress 2023-11-14 17:43:51 -05:00
frontend add a console to show progress 2023-11-14 17:43:51 -05:00
.gitattributes Initial commit 2023-11-14 12:53:23 -05:00
.gitignore Update .gitignore 2023-11-14 15:10:47 -05:00
LICENSE Initial commit 2023-11-14 12:53:23 -05:00
README.md Update README.md 2023-11-14 17:52:28 -05:00

README.md

screenshot-to-code

This is a simple app that converts a screenshot to HTML/Tailwind CSS. It uses GPT-4 Vision to generate the code.

[Video GIF]

Getting Started

The app has a React/Vite frontend and a FastAPI backend. You will need an OpenAI API key with access to the GPT-4 Vision API.

In the root directory,

cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry run uvicorn main:app --reload --port 7000
cd ..
cd frontend
yarn
yarn dev

Open http://localhost:5173 to use the app.

If you prefer to run the backend on a different port, update VITE_WS_BACKEND_URL in frontend/.env.local

Hosted Version

Hosted version coming soon at http://makewithpico.com