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.
You can access the live site here.
To log in as a user, please use the following credentials:
- Email: swapno@gmail.com
- Password: 12
- Implemented using access tokens and refresh tokens.
- Secure login and registration functionality.
- 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.
- 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.
- 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 feature displays results in a professional way.
- Filter products by categories, price, and size on product listing and search results pages.
- 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.
- 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.
- Generates and emails a PDF invoice after order completion.
- Uses
PDF-LIBfor PDF generation.
- Manages product stock, showing "Stock Out" when a product is unavailable.
- Supports Bengali and English languages.
The home page and product details pages are SEO-friendly
- Chnage client ui besed on server side props(In NavWish_Cart.jsx)
- 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.
- 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
- Product recomendation system where ml model will do it
- User can run add besed on terget customer
-
Clone the repository:
git clone https://github.com/Swapno963/Global_Goods.git cd Global_Goods -
Install dependencies:
npm install
-
Create a
.envfile in the project root with the following content: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" ``
-
Run the development server:
npm run dev
-
Access the application at
http://localhost:3000/ -
Register a new user or login with existing credentials.
If you have any questions or feedback, feel free to contact me:
- Swapno Mondol - Linkedin- Facebook - swapno963@gmail.com