Back to Projects

Selected Work

AI-Powered E-commerce & Product Management Platform

A responsive e-commerce platform for hardware and building materials, featuring automated supplier scraping, technical safety datasheets, quotation management, an admin dashboard, a Gemini-powered AI assistant, and automated transactional emails.

Tech Stack

Next.js Tailwind CSS Python Playwright Beautifulsoup Web Scraping Google Gemini Generative AI AI Assistant E-commerce Product Management Technical Datasheets Product Safety Quote Management Admin Dashboard Email Automation Responsive Design

Developed a modern, responsive e-commerce platform for a hardware and building materials supplier, combining product catalog management, automated supplier scraping, quotation workflows, and AI-powered customer support. Built with Next.js and Tailwind CSS, the platform allows customers to explore products, review technical datasheets, understand safety requirements, and request quotations for selected items. **Supplier Data Scraping:** Developed dedicated Python scrapers for individual suppliers using Playwright and Beautiful Soup to extract, structure, and centralize product information from different websites. **Technical Documentation:** Integrated product datasheets containing technical specifications, safety information, handling instructions, and relevant precautions. **Quotation Management:** Implemented a product selection workflow allowing customers to select multiple items and request customized quotations. **AI Assistant:** Integrated a Python-based generative AI assistant powered by Google Gemini to answer customer questions, explain technical datasheets, clarify product specifications, and make safety information easier to understand. **Admin Dashboard:** Developed a centralized dashboard for managing product catalog information and administrative workflows. **Automated Emails:** Implemented transactional email notifications to communicate prices and quotation details, confirm orders, and notify customers when their products have been delivered. The platform combines e-commerce, web scraping, generative AI, product safety documentation, quotation management, and automated customer communication in one solution.

My Tasks

  • Developed a responsive e-commerce website using Next.js and Tailwind CSS.
  • Designed product catalog, product detail, and technical datasheet interfaces.
  • Built dedicated Python scrapers for individual suppliers.
  • Used Playwright to automate browser interactions and extract product data.
  • Used Beautiful Soup to parse HTML and extract structured supplier information.
  • Organized and centralized scraped product data into a unified catalog.
  • Integrated product technical datasheets and safety information.
  • Implemented product selection and quotation request workflows.
  • Developed an administrative dashboard for managing product information.
  • Integrated a Python-based generative AI assistant powered by Google Gemini.
  • Enabled AI-assisted explanations of technical datasheets and product specifications.
  • Designed AI responses to clarify product usage and relevant safety precautions.
  • Implemented automated emails to communicate prices and quotation details.
  • Configured order confirmation emails after order confirmation.
  • Implemented delivery notification emails when products are delivered.
  • Integrated transactional email notifications into the purchasing workflow.
  • Optimized the website for desktop, tablet, and mobile devices.

What I Learned

  • Developed a responsive e-commerce website using Next.js and Tailwind CSS.
  • Designed product catalog, product detail, and technical datasheet interfaces.
  • Built dedicated Python scrapers for individual suppliers.
  • Used Playwright to automate browser interactions and extract product data.
  • Used Beautiful Soup to parse HTML and extract structured supplier information.
  • Organized and centralized scraped product data into a unified catalog.
  • Integrated product technical datasheets and safety information.
  • Implemented product selection and quotation request workflows.
  • Developed an administrative dashboard for managing product information.
  • Integrated a Python-based generative AI assistant powered by Google Gemini.
  • Enabled AI-assisted explanations of technical datasheets and product specifications.
  • Designed AI responses to clarify product usage and relevant safety precautions.
  • Implemented automated emails to communicate prices and quotation details.
  • Configured order confirmation emails after order confirmation.
  • Implemented delivery notification emails when products are delivered.
  • Integrated transactional email notifications into the purchasing workflow.
  • Optimized the website for desktop, tablet, and mobile devices.
  • What I Learned (one per line)
  • Strengthened my frontend development skills with Next.js and Tailwind CSS.
  • Gained practical experience developing supplier-specific web scrapers with Python.
  • Learned to automate browser interactions and dynamic content extraction using Playwright.
  • Improved my HTML parsing and data extraction skills with Beautiful Soup.
  • Learned to handle different supplier website structures and product data formats.
  • Gained experience integrating Google Gemini into a Python-based generative AI assistant.
  • Improved my understanding of prompt engineering and conversational AI.
  • Learned to make technical product documentation easier to understand through AI.
  • Gained experience designing product quotation and order management workflows.
  • Learned to implement transactional emails for pricing, order confirmation, and delivery notifications.
  • Improved my understanding of e-commerce automation and customer communication.
  • Strengthened my ability to combine frontend development, Python automation, web scraping, and generative AI in a business application.

Project Info

Type
Featured Project
Technologies
17
Tasks
17
Learnings
30