Pharma Care is a comprehensive e-commerce platform designed to sell pharmacy products and medicines with a user-friendly interface for buyers, sellers, and administrators. This project offers an extensive set of features, including dashboards for users, sellers, and admins, robust payment management, and advanced reporting tools.
- URL: Pharma Care Website
- Email: [email protected]
- Password: admin123
- Email: [email protected]
- Password: seller123
-
User Registration and Authentication
- Sign up with roles (
UserorSeller) and social login options (Google). - Role-based access to features.
- Sign up with roles (
-
Shop Page
- Browse all medicines with sorting, searching, and pagination capabilities.
- Add medicines to the cart or view details via a modal popup.
-
Category Details Page
- Filter medicines by category (e.g., Tablets, Syrups, Capsules).
- View and select medicines for purchase.
-
Cart Management
- Modify selected items, update quantities, or clear the cart.
- Navigate to the checkout page for payment.
-
Checkout and Invoice Generation
- Pay securely via Stripe.
- Download detailed invoices as PDF after payment.
-
Homepage Insights
- With nice visualization chart View total sales revenue with
Paid,PendingandRejectedsummaries.
- With nice visualization chart View total sales revenue with
-
User Management
- Upgrade users to sellers or admins and downgrade sellers to users.
-
Category Management
- Add, edit, and delete medicine categories with a user-friendly modal form.
-
Payment Management
- Manage payments and update statuses from
PendingtoPaidorReject.
- Manage payments and update statuses from
-
Sales Reports
- Filter data based on date range and export sales data in XLSX format.
-
Advertisement Management
- Approve or reject medicine advertisements for homepage sliders.
-
Homepage Statistics
- With nice visualization chart View revenue from medicines sold (
Paid,PendingandRejectedbreakdowns).
- With nice visualization chart View revenue from medicines sold (
-
Manage Medicines
- Add new medicines with details like name, category, price, and discounts.
- Edit or delete existing medicines and view in tabular format.
-
Payment History
- Track purchase transactions with
PaidorPendingstatuses.
- Track purchase transactions with
-
Advertisement Requests
- Submit advertisements with images and descriptions.
- Monitor the status of advertisements (approved/rejected).
-
Payment History
- Access all transaction details, including
PaidandPendingstatuses.
- Access all transaction details, including
-
Invoice Management
- Download invoices for completed purchases.
-
Cart Management
- Modify selected medicines, adjust quantities, or clear the cart.
-
Browsing and Selection
- Seamlessly explore and choose medicines based on categories.
- Implemented pagination, search, and sorting shop tables.
- Secure JWT token-based authentication with local storage.
- Export sales reports in XLSX format.
- Download invoice in PDF format.
- Integrated React Hook Form for efficient form handling.
- Used React Helmet for dynamic page metadata management.
- Frontend: React, Tailwind CSS, Shadcn, Context API, Firebase Authentication, Stripe Payment Gateway.
- Backend: Node.js, Express, MongoDB.
Below is a list of all the dependencies and their respective versions used in the Pharma Care project:
@ag-media/react-pdf-table: ^2.0.1@hookform/resolvers: ^3.10.0@leenguyen/react-flip-clock-countdown: ^1.6.0@radix-ui/react-avatar: ^1.1.2@radix-ui/react-dialog: ^1.1.4@radix-ui/react-dropdown-menu: ^2.1.4@radix-ui/react-label: ^2.1.1@radix-ui/react-navigation-menu: ^1.2.3@radix-ui/react-popover: ^1.1.4@radix-ui/react-select: ^2.1.4@radix-ui/react-separator: ^1.1.1@radix-ui/react-slot: ^1.1.1@radix-ui/react-tooltip: ^1.1.6@react-pdf/renderer: ^4.1.6@stripe/react-stripe-js: ^3.1.1@stripe/stripe-js: ^5.5.0@tanstack/react-query: ^5.64.1axios: ^1.7.9class-variance-authority: ^0.7.1clsx: ^2.1.1cmdk: ^1.0.0firebase: ^11.1.0lucide-react: ^0.471.1react: ^18.3.1react-day-picker: ^8.10.1react-dom: ^18.3.1react-export-table-to-excel: ^1.0.6react-helmet-async: ^2.0.5react-hook-form: ^7.54.2react-hot-toast: ^2.5.1react-icons: ^5.4.0react-router-dom: ^7.1.1recharts: ^2.15.0sweetalert2: ^11.15.10swiper: ^11.2.1tailwind-merge: ^2.6.0tailwindcss-animate: ^1.0.7zod: ^3.24.1
@eslint/js: ^9.17.0@types/node: ^22.10.5@types/react: ^18.3.18@types/react-dom: ^18.3.5@vitejs/plugin-react: ^4.3.4autoprefixer: ^10.4.20eslint: ^9.17.0eslint-plugin-react: ^7.37.2eslint-plugin-react-hooks: ^5.0.0eslint-plugin-react-refresh: ^0.4.16globals: ^15.14.0postcss: ^8.4.49tailwindcss: ^3.4.17vite: ^6.0.5
Enjoy exploring Pharma Care!