医疗培训平台设计

4.0

6/20/2025

en医疗科技医疗培训医生平台AI医疗

Prompt

We have a large number of doctors who join our hospital network to undertake various fellowship programs (hospital based training). These doctors usually do their fellowships in clinical/intervention all areas like colorectal surgery, minimally invasive gynecology procedures, neurology, Oncology, opthalmology,etc. We're required to build a platform called "Pract by Medvarsity" that allows the doctors to submit their logs, participate incase discussions, access specific video case presentations, access medical journals (pubmed, BMJ, Access medicine etc) and also undertake select online courses.. lets make it a lot more visually engaging like one of the various popular social media platforms. Let's also use transparency with textures and gradients to bring the colors alive. Also use photos and illustrations to demonstrate the multimedia capabilities. Finally, let's have an AI agent icon to show the ability to use llm

Generated Result

import React from 'react';
import './App.css';

const App = () => {
  return (
    <div className="app">
      <header className="header">
        <h1>Pract by Medvarsity</h1>
        <nav>
          <a href="#">Home</a>
          <a href="#logs">Logs</a>
          <a href="#case-discussions">Case Discussions</a>
          <a href="#video-presentations">Video Presentations</a>
          <a href="#medical-journals">Medical Journals</a>
          <a href="#online-courses">Online Courses</a>
          <a href="#ai-agent">AI Agent</a>
        </nav>
      </header>

      <section id="logs" className="section">
        <h2>Submit Logs</h2>
        <p>Upload and manage your fellowship logs here.</p>
      </section>

      <section id="case-discussions" className="section">
        <h2>Case Discussions</h2>
        <p>Participate in case discussions with peers.</p>
      </section>

      <section id="video-presentations" className="section">
        <h2>Video Presentations</h2>
        <p>Access specific video case presentations.</p>
      </section>

      <section id="medical-journals" className="section">
        <h2>Medical Journals</h2>
        <p>Access medical journals like PubMed, BMJ, etc.</p>
      </section>

      <section id="online-courses" className="section">
        <h2>Online Courses</h2>
        <p>Undertake selected online courses.</p>
      </section>

      <section id="ai-agent" className="section">
        <h2>AI Agent</h2>
        <p>Interact with our AI agent for assistance.</p>
        <img src="https://placehold.co/100x100" alt="AI Agent" />
      </section>

      <footer className="footer">
        <p>© 2025 Pract by Medvarsity. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;

Open Sandbox