meDDI_web

meDDI - Medication Safety System Website

A beautiful and user-friendly website showcasing the meDDI (Medication Safety System) Final Year Project. This React-based website presents the project’s problem statement, solution, features, progress, and impact.

🚀 Features

• Modern Design: Beautiful, responsive UI with smooth animations
• Comprehensive Sections:
  • Hero section with project overview
  • Problem statement
  • Solution and objectives
  • Key features
  • Research progress and timeline
  • Impact and SDG alignment
• Mobile Responsive: Works seamlessly on all devices
• Smooth Navigation: Fixed navigation bar with smooth scrolling

📋 Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (version 14 or higher)
• npm (comes with Node.js)

🛠️ Installation

1. Install dependencies:

   npm install
   

2. Start the development server:

   npm start
   

3. Open your browser: Navigate to http://localhost:3000 to view the website.

📦 Build for Production

To create a production build:

npm run build

This creates an optimized production build in the build folder.

🎨 Project Structure

Website/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── Hero.js
│   │   ├── Navigation.js
│   │   ├── ProblemStatement.js
│   │   ├── Solution.js
│   │   ├── Features.js
│   │   ├── Progress.js
│   │   ├── Impact.js
│   │   └── Footer.js
│   ├── App.js
│   ├── App.css
│   ├── index.js
│   └── index.css
├── package.json
└── README.md

🎯 About meDDI

meDDI is an advanced AI-powered medication safety system that:

• Uses Vision-Language Models (VLMs) to recognize handwritten prescriptions with 90%+ accuracy
• Detects drug-drug interactions (DDIs) in real-time with 95%+ sensitivity
• Provides a mobile application for pharmacists and healthcare providers
• Creates structured prescription databases for pharmacovigilance
• Contributes to SDGs 3, 9, and 17

📱 Technologies Used

• React 18: Modern React with hooks
• CSS3: Custom styling with animations and gradients
• HTML5: Semantic markup

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📝 License

This project is part of a Final Year Project (FYP) and is for educational/research purposes.

👥 Contact

For questions or inquiries about the meDDI project, please contact the project team.

---

Note: This website is a showcase for the meDDI Final Year Project. All information presented is based on the project proposal and research documentation.