https://github.com/asifanjum/ezbuy-client
https://github.com/asifanjum/ezbuy-client
firebase google-login jwt-decode react react-hook-form react-icons react-redux react-redux-toolkit react-router-v6 react-slick react-taostify stripe zod
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/asifanjum/ezbuy-client
- Owner: AsifAnjum
- Created: 2024-11-16T05:12:57.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-28T13:51:06.000Z (4 months ago)
- Last Synced: 2025-02-08T01:39:10.625Z (3 months ago)
- Topics: firebase, google-login, jwt-decode, react, react-hook-form, react-icons, react-redux, react-redux-toolkit, react-router-v6, react-slick, react-taostify, stripe, zod
- Language: JavaScript
- Homepage: https://ezbuy-pro.vercel.app/
- Size: 986 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EZBuy E-commerce Platform
## Server Repo: https://github.com/AsifAnjum/ezbuy-server
## UI Design: https://www.figma.com/community/file/1219312065205187851/full-e-commerce-website-ui-ux-design
### User Credentials (Moderator)
email: [email protected] \
pass:123456
### Live Link: https://ezbuy-pro.vercel.app/
## Project Overview
EZBuy is a comprehensive e-commerce platform that provides a seamless shopping experience for users, featuring advanced functionalities such as product browsing, wishlist management, cart handling, secure checkout using Stripe, and user dashboards. The platform also includes an admin panel for managing users, products, orders, and other administrative tasks.
## Features
### User-Facing Features
- **Product Listing and Search**: Users can browse, filter, and search for products.
- **Product Rating**: Users can rating and comment on product. ProductDetails Page -> then click on rating
- **Wishlist and Cart**: Users can add products to their wishlist or cart for future purchases.
- **Checkout Process**: Multiple payment options, including Stripe and Cash on Delivery (COD), with coupon discounts.
- **Contact Form**: Users can send messages to the server for inquiries or support.
- **User Dashboard**:
- Profile viewing and editing.
- Order history and details.
- Order analytics and statistics.
### Admin/Moderator Panel
- **User Management**: View and manage registered users.
- **Order Management**: View and manage all orders.
- **Product Management**: Add, edit, remove products, image upload and remove image.
- **Coupon Management**: Create and manage discount coupons.
- **Contact Message Management**: Review and respond to user-submitted contact messages.
- **Analytics**:
- User, order, and product analytics displayed using charts.
## Authentication System
- **Login Methods**:
- Email and password.
- Google login integration.
- **Password Recovery**:
- Users can request a password reset link via email.
## Tech Stack
### Frontend
- **React**: Core UI framework for building components.
- **React Router**: Client-side routing.
- **Tailwind CSS & DaisyUI**: Utility-first CSS framework for styling.
- **React Hook Form**: Form handling and validation.
- **Recharts**: Charting library for data visualization.
- **React Slick**: Carousel/slider component.
- **React Toastify**: User notifications.
- **React Icons**: Icon library.
### Backend
- **Node.js**: JavaScript runtime for building scalable server-side applications.
- **Express**: Web framework for Node.js used to create RESTful APIs.
- **MongoDB**: NoSQL database for storing user data, products, orders, etc.
- **Mongoose**: ODM (Object Data Modeling) library for MongoDB.
- **Firebase**: Used for cloud storage.
- **JWT (jsonwebtoken)**: For secure authentication.
- **Nodemailer**: For email service to send password reset emails.
- **Stripe**: Integration for handling online payments.
- **Multer**: Middleware for handling file uploads.
- **Validator**: Library for data validation and sanitization.
- **bcryptjs**: Used for password hashing.
- **Google APIs**: For Google authentication.
### Build and Development
- **Vite**: Fast build tool for development and production.
## Package Details
```json
{
"dependencies": {
"@hookform/resolvers": "^3.9.0",
"@reduxjs/toolkit": "^2.2.7",
"@stripe/react-stripe-js": "^2.8.1",
"@stripe/stripe-js": "^4.8.0",
"jwt-decode": "^4.0.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-hook-form": "^7.53.0",
"react-icons": "^5.3.0",
"react-redux": "^9.1.2",
"react-router-dom": "^6.26.1",
"react-slick": "^0.30.2",
"react-toastify": "^10.0.5",
"recharts": "^2.13.3",
"slick-carousel": "^1.8.1",
"zod": "^3.23.8"
},
"devDependencies": {
"@eslint/js": "^9.9.0",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"@vitejs/plugin-react": "^4.3.1",
"autoprefixer": "^10.4.20",
"daisyui": "^4.12.10",
"eslint": "^9.9.0",
"eslint-plugin-react": "^7.35.0",
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
"eslint-plugin-react-refresh": "^0.4.9",
"globals": "^15.9.0",
"postcss": "^8.4.41",
"tailwindcss": "^3.4.10",
"vite": "^5.4.1"
}
}
```
## License
This project is licensed under [Asif Anjum](https://github.com/AsifAnjum) .
## Contact
For any questions, please contact at [email protected]