Run Locally

🛒 eCommerce Project

This project is an e-commerce platform with added Web3 features, allowing users to purchase products using cryptocurrency.

Clone the project

  git clone https://github.com/tiagogalvao7/eCommerce-Web3-Project.git

Go to the project directory

  cd eCommerce

Install dependencies

  npm install

  or

  npm install react-material-ui-carousel --save --legacy-peer-deps

Configure environment variables

📄 Create a .env file in the root of the project:

  REACT_APP_RECIPIENT_WALLET_ADDRESS=YOUR_ETHEREUM_WALLET_ADDRESS

Replace YOUR_ETHEREUM_WALLET_ADDRESS with the public Ethereum wallet address that will receive ETH payments. The application is configured to use the Sepolia testnet.

Start the server

  npm start

The server should now be running. You can access the application by opening a web browser and entering the following URL:

  http://localhost:3000

New Features & Implementations

🚀 Web3 Integration

• Wallet Connection: Integration with the user's Web3 wallet (e.g., MetaMask).
• Cryptocurrency Payments: Allows the purchase of products directly with Ethereum (ETH) on the Sepolia testnet.
• Transaction Status Handling: Real-time feedback for pending, successful, and error transactions.

🛒 Checkout Flow

• Billing Form: Complete billing form with validation before initiating the blockchain transaction.
• Dynamic ‘Buy with ETH’ Button: Button enabled only after wallet connection and form completion, with loading status during transaction.

📸 Screenshots

Screenshot	Description
	Product Page with ‘Connect Wallet to Buy’ button
	Wallet connected
	Checkout Page with form and ‘Connect Wallet to Buy’ button
	Transaction confirmation pop-up in MetaMask