53 lines (40 loc) · 1.54 KB

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

Install Dependencies
```
npm install
```
Run Development Server
```
npm run dev
```
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.