Arthrex MySurgery Website

A responsive, front-end web application built during a 36-hour hackathon to simulate a patient-surgeon portal. The platform allows patients to view doctor information, surgery details, and pre/post-op checklists in a clean, interactive dashboard - all without a real backend.

---

🚀 Features

• 🧑‍⚕️ Doctor Details – Display surgeon name, contact info, and specialties
• 📋 Pre/Post-Surgery Checklist – Structured task view for patient preparation and recovery
• 🖥️ Simulated Authentication – Hardcoded login to mock real-world access flow
• 🧭 Dynamic Dashboard UI – 3-section layout for clarity and accessibility
• ⚡ Delivered MVP in 36 hours – Designed, built, and presented under tight hackathon constraints

---

🛠️ Tech Stack

• React – Component-based UI
• React Router DOM – SPA routing across key dashboard sections
• Node.js / Express (Planned) – Backend architecture for future real deployment
• MongoDB (Planned) – Intended for persistent user/surgery data post-hackathon

---

⚙ Installation & Setup

git clone https://github.com/jacksonbryantFGCU/arthrex-mysurgery.git
cd arthrex-mysurgery
npm install
npm run dev

Then open your browser and go to http://localhost:3000.

🧠 Lessons Learned

This project sharpened my skills in rapid prototyping, UI/UX decision-making under pressure, and front-end architecture. It also taught me how to prioritize MVP features in a collaborative, time-constrained environment.

🌐 Live Demo

A demo link will be available soon.

📜 License

This project is open-source and available under the MIT License.