Fetch Clone: Receipt Scanner & Rewards App

This project replicates Fetch's key user feature — scanning receipts to earn reward points. Built with React and TypeScript, it focuses on frontend logic, UX clarity, and clean component structure.

Live Demo

https://fetch-clone-receipt-app.vercel.app

Features

• Upload a receipt (mocked file input)
• Randomized reward points
• Real-time point tracking
• Global state management using Context API
• Responsive, mobile-friendly UI

Tech Stack

• React
• TypeScript
• Context API
• CSS

Why This Project?

Fetch’s core mechanic is receipt scanning and gamification. This app replicates that flow, simulating how a user would interact with rewards for receipts. It demonstrates ability to build from vague specs, implement business logic, and create maintainable architecture.

How to Run

npm install
npm run dev

Improvements

• OCR integration (e.g. Tesseract.js)
• Backend for receipt history
• User login and multi-user tracking