Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/swapno963/global_goods
Developed a comprehensive e-commerce platform named "Global_Vendors" with a variety of advanced features catering to both vendors and customers. The platform is designed to be user-friendly, responsive, and supports multiple languages (English and Bengali).
https://github.com/swapno963/global_goods
html2canvas negotiator next-auth-v5 nextjs react-share react-toastify tailwind-css
Last synced: 26 days ago
JSON representation
Developed a comprehensive e-commerce platform named "Global_Vendors" with a variety of advanced features catering to both vendors and customers. The platform is designed to be user-friendly, responsive, and supports multiple languages (English and Bengali).
- Host: GitHub
- URL: https://github.com/swapno963/global_goods
- Owner: Swapno963
- Created: 2024-07-12T09:55:49.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T10:28:54.000Z (4 months ago)
- Last Synced: 2024-08-22T23:33:22.578Z (4 months ago)
- Topics: html2canvas, negotiator, next-auth-v5, nextjs, react-share, react-toastify, tailwind-css
- Language: JavaScript
- Homepage: https://global-goods-beryl.vercel.app/en
- Size: 2.53 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GlobalGoods : E-commerce Platform
## Overview
This is a comprehensive e-commerce platform developed using Next.js, React, and Tailwind CSS. The platform includes user authentication, product listings, a detailed product view, and shopping cart functionality, among other features. It is designed to be responsive, SEO-friendly, and includes internationalization for both Bengali and English.
## Live Site
You can access the live site [here](https://global-goods-beryl.vercel.app/en).
## User Login
To log in as a user, please use the following credentials:
- **Email:** [email protected]
- **Password:** 12
## Features
### User Authentication
- Implemented using access tokens and refresh tokens.
- Secure login and registration functionality.
### Home Page
- Custom home page based on the provided template.
- Displays 'SHOP BY CATEGORY', 'Trending Products', and 'TOP NEW ARRIVAL' sections with data fetched from the database.
### Product Details
- Clicking on a product shows its detailed information fetched from the database.
- The "Related Products" section shows items based on keywords, tags, or categories.
- Share functionality to social media.
### Cart and Wishlist
- The "Add to Cart" and "Add to Wishlist" buttons increase the count in the navbar.
- Buttons redirect to respective pages with proper data.
- Functionality is available only when the user is logged in.
- Redirects to login page if the user is not logged in, and retains the intended action post-login.
### Search and Filter
- Search feature displays results in a professional way.
- Filter products by categories, price, and size on product listing and search results pages.
### User Account
- Account page displays and allows updates to "Personal Profile", "Shipping Address", and "Billing Address".
- These pages are private routes, accessible only when the user is logged in.
### Checkout
- Displays items in the cart and includes a checkout form with validation.
- On successful order placement, a success message is shown, and an invoice can be downloaded.
### Order Management
- Generates and emails a PDF invoice after order completion.
- Uses `PDF-LIB` for PDF generation.
### Inventory Management
- Manages product stock, showing "Stock Out" when a product is unavailable.
### Internationalization
- Supports Bengali and English languages.
### SEO
The home page and product details pages are SEO-friendly
### Chellenges
1. Chnage client ui besed on server side props(In NavWish_Cart.jsx)
## Technologies Used
- **Next.js**: Framework for server-rendered React applications.
- **React**: JavaScript library for building user interfaces.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Node.js**: JavaScript runtime for server-side code.
- **MongoDB**: Database for storing product and user data.
- **JWT**: JSON Web Tokens for authentication.
- **PDF-LIB**: Library for PDF generation.
- **Nodemailer**: For sending emails.
### Up Comming
- Edit bio in profile page
- Update profile picture
- Animation while dark mode to light mode
- Edit blog in profile page
- Delete blog in profile page
### Future Plan
- Product recomendation system where ml model will do it
- User can run add besed on terget customer
## set up and Installation
1. Clone the repository:
```sh
git clone https://github.com/Swapno963/Global_Goods.git
cd Global_Goods
```
2. Install dependencies:
```sh
npm install
```
3. Create a `.env` file in the project root with the following content:
```env
MONGODB_CONNECTION_STRING="Connection string of mongodb"
GOOGLE_CLIENT_ID="Google client id for authientication"
GOOGLE_CLIENT_SECRET="Google client secret for authientication"
AUTH_SECRET="Give a auth secret"
RESEND_API_KEY="Give resend api key"
``
```
4. Run the development server:
```sh
npm run dev
```
## Usage
- Access the application at `http://localhost:3000/`
- Register a new user or login with existing credentials.
## Contact
If you have any questions or feedback, feel free to contact me:
- Swapno Mondol - [Linkedin](https://www.linkedin.com/in/swapno-mondol/)- [Facebook](https://www.facebook.com/profile.php?id=100090206887787) - [email protected]