https://github.com/arrafi2644/vitalmeds-client
VitalMeds is a feature-rich multi-vendor e-commerce platform designed for buying and selling medicines and healthcare products. Built using the MERN stack, the platform provides a seamless user experience, ensuring efficient management for admins, sellers, and users alike.
https://github.com/arrafi2644/vitalmeds-client
daisyui expressjs firebase jsonwebtoken mongodb node-js react-router reactjs stripe swiper-js tailwind-css tanstackquery
Last synced: about 2 months ago
JSON representation
VitalMeds is a feature-rich multi-vendor e-commerce platform designed for buying and selling medicines and healthcare products. Built using the MERN stack, the platform provides a seamless user experience, ensuring efficient management for admins, sellers, and users alike.
- Host: GitHub
- URL: https://github.com/arrafi2644/vitalmeds-client
- Owner: Arrafi2644
- Created: 2025-01-31T15:14:41.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-19T03:40:09.000Z (3 months ago)
- Last Synced: 2025-02-19T04:27:19.534Z (3 months ago)
- Topics: daisyui, expressjs, firebase, jsonwebtoken, mongodb, node-js, react-router, reactjs, stripe, swiper-js, tailwind-css, tanstackquery
- Language: JavaScript
- Homepage: https://vitalmeds-2834f.web.app
- Size: 899 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VitalMeds - Multi-Vendor Medicine Selling E-commerce Platform
**VitalMeds** is a feature-rich multi-vendor e-commerce platform designed for buying and selling medicines and healthcare products. Built using the MERN stack, the platform provides a seamless user experience, ensuring efficient management for admins, sellers, and users alike.
### Admin Access:
- **Username:** [email protected]
- **Password:** Fayez12
### Seller Access:
- **Username:** [email protected]
- **Password:** Bilgates12
### Live Site URL:
### https://vitalmeds-2834f.web.app
## 🌟 Features
1. **Home Page**
- Navbar with logo, website name, navigation links, cart icon, language dropdown, and user profile or Join Us button.
- Slider showcasing advertised products (managed by admin).
- Category section with clickable cards displaying medicine categories.
- Discounted product section featuring a draggable multiple-card slider.
- A blogs section.
- A state section.
- Responsive footer.
2. **Authentication**
- User registration with roles (user/seller).
- Social login (Google, GitHub) with default role assignment as user.
- Password-protected login and authentication.
3. **Shop Page**
- View all medicines in a tabular format.
- "Eye" button to view detailed information in a modal.
- "Select" button to add medicine to the cart.
4. **Category Details Medicine Page**
- View medicines filtered by category.
- Modal for detailed medicine information.
- Add to cart functionality.
5. **Cart Management**
- View selected medicines with details.
- Adjust quantity, remove items, or clear cart.
- Checkout with Stripe payment integration.
6. **Invoice Page**
- Displays user and purchase information with the option to print/download as PDF.
7. **Admin Dashboard**
- Manage users, categories, banners, and payments.
- Add/remove products to/from the homepage slider.
8. **Seller Dashboard**
- Manage medicines with detailed forms for adding/editing.
- View payment history.
- Request advertisement for specific products.
9. **User Dashboard**
- View payment history with transaction details.
10. **Advanced Features**
- Secure API calls with JWT-based token storage in local storage.
- Integrated notifications using Sweet Alert for CRUD operations and authentication.
- Responsive design for mobile, tablet, and desktop.
## 🛠️ Technology Stack
- **Frontend**: React.js, Tailwind CSS, React Router, React Hook Form, TanStack Query, React Helmet, SwiperJS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **Authentication**: Firebase, JSON Web Tokens (JWT)
- **Payment**: Stripe
- **Version Control**: Git, GitHub
## 🛠 Installation
1. **Clone the repository**:
```sh
git clone https://github.com/Arrafi2644/VitalMeds-Client.git
cd vitalmeds-client
### Install dependencies:
npm install
### Set up environment variables:
Create a .env file in the root directory and add the following:
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id
VITE_image_hosting_key=your_image_hosting_key
VITE_Payment_Gateway_PK=your_payment_gateway_key
#### Start the development server:
npm run dev
#### Build for production (if needed):
npm run build
#### Preview the production build:
npm run preview