3 hours ago

create a singlepage frontend inerface for a project called BirthSentinel an ai driven maternal health risk prediction system the frontend must be implemented in a single HTML file using only pure html css and vanilla javascript the design should be hackathon ready highly polished and visually impressive suitable for a medical AI product demo the page must use a soft light pink and light blue healthcare color palette with subtle animated gradients and floating background elements use a modern glassmorphism effect with frosted glass cards smooth shadows rounded corners and clean spacing include smooth entrance animations hover effects and micro interactions to make the interface feel premium and professional the layout should be responsive and centered with excellent typography and readability the page must collect the following patient inputs age haemoglobin level systolic blood pressure diastolic blood pressure and gestational week inputs should be clearly labeled and validated on clicking an evaluate risk button the frotend must show a loader animation and send a POSt request to fastApi backend integration endpoint at http://127.0.0.1:8000/evaluate with JSON data the backend response contains risk level low medium high reasons recommened path and escalation the frontend must clearkly display these results inside a result card eith animated reveal effects the risk level output must be color coded and visuaaly emphasised green for low yellow for medium red for high the ui should feel like a real medical decision support dashboard no external dependicies all html css and javascript must be contained in one file the code should be clean well structured and easy to understand the final output should look like a production quality healthcare ai interface suitable for hackathons demos and judge evaluation

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates