Skip to content

feat: Flask front-end with clockwise-rotating cats#8

Draft
Copilot wants to merge 2 commits into5-front-endfrom
copilot/create-flask-front-application
Draft

feat: Flask front-end with clockwise-rotating cats#8
Copilot wants to merge 2 commits into5-front-endfrom
copilot/create-flask-front-application

Conversation

Copy link
Copy Markdown

Copilot AI commented Mar 13, 2026

Flask equivalent of the Streamlit front/ app, living in front-flask/. Adds clockwise-spinning cat emoji animations on every page.

Structure

  • app.py – three routes: / (home), /predict (GET + POST → FastAPI /predict_one), /visualize
  • templates/ – Jinja2 templates extending a shared base.html navbar
  • static/style.css – layout + @keyframes spin-cw (positive rotate() = clockwise); each .cat runs at a slightly different duration (2.5–5 s) for variety
  • requirements.txtflask, requests only
  • Dockerfilepython:3.11-slim, exposes 5000

Cats (clockwise rotation)

@keyframes spin-cw {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.cat { animation: spin-cw linear infinite; }
.cat:nth-child(1) { animation-duration: 3s; }
/* … up to 5s */

Notable

  • API_HOST read from env (default http://localhost:8888), matching the Streamlit convention
  • Visualize page renders charts client-side via Plotly.js CDN — no server-side data processing needed
  • Debug mode off by default; opt-in via FLASK_DEBUG=true

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: aloys-bernard-artefact <151553457+aloys-bernard-artefact@users.noreply.github.com>
Copilot AI changed the title [WIP] Add Flask front application equivalent to Streamlit feat: Flask front-end with clockwise-rotating cats Mar 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants