Manga Munchies

Screenshots

Problem Statement

This project is a React-based decentralized application (dApp) designed for a restaurant. It aims to offer a unique loyalty program where customers who complete 100 orders receive an NFT (Non-Fungible Token) as a reward. The dApp has a user interface that includes:Header and Main Content: The main area of the application where users can interact, place orders, and see their account information. It’s styled to be responsive and user-friendly.NFT Loyalty Feature: A key feature of the application is the NFT loyalty reward system. When a customer completes 100 orders, they are rewarded with an NFT, which could represent exclusive benefits, discounts, or simply a token of achievement.Account Display: The app displays the user’s account information, but it obfuscates most of the account address for privacy, only showing the first four and last four characters (e.g., 0xbc....ase43).

Solution

I built this project as a decentralized application (dApp) for a restaurant, using React as the core front-end framework. The primary focus of the project was to create an engaging user experience, offering a unique NFT loyalty program where customers receive an NFT after completing 100 orders.Smart Contracts: The NFT minting process is handled by a smart contract deployed on the Ethereum network. This contract was written in Solidity and deployed using Hardhat in the Sepolia testnet for local development before moving to the mainnet.Technologies used: Frontend: Typescript, CSS, HTML, EtherJs Backend: Hardhat, Solidity Metadata : Web3 Storage(IPFS) Testing: ChaiThis project involved a combination of traditional web development with the cutting-edge features of blockchain technology. By integrating these elements, I was able to create a unique application that not only serves as a functional restaurant ordering system but also engages customers with the added incentive of NFT rewards.