🏥 ElderHelp AI - Elder Care Platform

A comprehensive web application designed to help elderly individuals access medical assistance and volunteer support through an intuitive interface.

🌟 Features

🏠 Home Page

• Clean black and white theme
• User-friendly navigation
• Profile management system

👤 User Profile

• Personal information management
• Profile picture upload
• Role-based interface (User/Admin)
• Security and notification settings

📊 Admin Dashboard

• Overview Tab: Statistics and recent activity
• Medicine Requests Tab: Manage medicine delivery requests
• Volunteers Tab: Volunteer management and performance tracking
• Analytics Tab: Data visualization and statistics

🏥 Help Request System

• Medicine delivery requests
• Volunteer assistance requests
• Status tracking (Pending → In Progress → Completed)

👥 Volunteer Management

• Volunteer registration
• Availability tracking
• Performance monitoring
• Rating system

🛠️ Technology Stack

• Frontend: React.js, Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Routing: React Router
• Animations: Framer Motion (optional)

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/YOUR_USERNAME/elderhelp-ai.git
cd elderhelp-ai

2. Install dependencies

cd client
npm install

3. Start development server

npm run dev

4. Open in browser

http://localhost:5173

📁 Project Structure

elderhelp.ai/
├── client/                 # Frontend React application
│   ├── src/
│   │   ├── components/     # Reusable components
│   │   ├── pages/         # Page components
│   │   ├── assets/        # Images and static files
│   │   └── App.jsx        # Main application component
│   └── package.json
├── elderhelp-backend/      # Backend Node.js application
│   ├── routes/            # API routes
│   ├── models/            # Database models
│   └── config/            # Configuration files
└── README.md

🎯 Key Components

Dashboard Features

• Real-time Statistics: Track requests, volunteers, and system status
• Tab Navigation: Overview, Requests, Volunteers, Analytics
• Responsive Design: Works on all device sizes
• Modern UI: Clean and intuitive interface

User Management

• Profile System: Personal information and preferences
• Role-based Access: Different interfaces for users and admins
• Image Upload: Profile picture management

🔧 Configuration

Environment Variables

Create a .env file in the client directory:

VITE_API_URL=http://localhost:5000

📱 Pages

1. Home (/) - Landing page with navigation
2. Dashboard (/dashboard) - Admin dashboard with statistics
3. Profile (/profile) - User profile management
4. Help Request (/help) - Request assistance form
5. Volunteer (/volunteer) - Volunteer registration
6. Medicine (/medicine) - Medicine delivery requests
7. Login (/login) - User authentication

🎨 Design Features

• Dark/Light Mode: Automatic theme switching
• Responsive Layout: Mobile-first design
• Modern UI: Glass morphism effects
• Smooth Animations: Enhanced user experience
• Accessibility: Screen reader friendly

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• React.js community
• Tailwind CSS team
• Lucide React for icons
• All contributors and volunteers

📞 Support

For support, email support@elderhelp.ai or create an issue in this repository.

---

Made with ❤️ for Elder Care

Elderhelp-ai

ElderHelp AI - A comprehensive elder care platform with dashboard, volunteer management, and medicine delivery system built with React.js and Node.js

7effc3d8bb0806931b5aa90dc6021bd430eb4691