MediCare Plus - Online Pharmacy

A modern, responsive frontend for an online pharmacy built with React, Tailwind CSS, and Vite.

Features

• Product Browsing: Filter by category, price, and prescription status. Sort by popularity and price.
• Product Details: Detailed view with image zoom (hover), dosage info, and related products.
• Shopping Cart: Manage items, update quantities, and upload prescriptions (mock).
• Authentication: Mock login and registration with form validation.
• User Dashboard: View order history and profile summary.
• Responsive Design: Fully optimized for mobile, tablet, and desktop.

Tech Stack

• React 18: UI Library
• Vite: Build tool
• Tailwind CSS: Styling
• React Router DOM v6: Navigation
• Lucide React: Icons
• Context API: State Management (Cart, Auth, Toast)

Setup Instructions

1. Install Dependencies

   npm install

2. Run Development Server

   npm run dev

3. Build for Production

   npm run build

Project Structure

• src/components: Reusable UI components and feature-specific components.
• src/context: Global state management (Auth, Cart, Toast).
• src/data: Mock data for medicines and categories.
• src/pages: Main application pages.
• src/utils: Helper functions.

Notes

• This is a frontend-only application.
• Authentication and Database are mocked using localStorage and static JSON files.
• Prescription upload is a UI simulation.
• Payment processing is simulated.