Home page
Landing experience highlighting featured items, calls to action, and quick category shortcuts.
Full-stack capstone
E-Commerce Web Application (Capstone Project)
Capstone build focused on delivering a responsive shopping experience backed by RESTful endpoints, SQL data models, and tested payment flows.
Role
Developer & UX lead
Timeline
Capstone project
Team
Solo project
Tools
Flask, React, MySQL, Stripe, Selenium
Challenge
Simulate an online retail store with responsive navigation and secure checkout backed by a Python and React stack.
Solution
Designed and implemented RESTful API endpoints, integrated MySQL for users, products, and orders, and paired the backend with React Router views.
Impact
Stripe-powered payments and Selenium-tested flows kept the experience reliable while supporting a smooth user journey.
Mockups
Key interface moments
High-fidelity mockups illustrate the experience in desktop and mobile contexts while keeping accessibility at the forefront.
Item detail
Product detail template with full description, key specs, and add-to-cart controls.
Cart & checkout
Cart summary and checkout states showing totals, payment inputs, and confirmation.
Wireframes
E-commerce capstone flow
Ordered low-fidelity screens walk through the shopper journey from sign up to checkout, highlighting key interaction points.
Screens captured from the live JSX pages that power the storefront and admin experience.
Sign up
Account creation with required profile fields so shoppers can authenticate and save activity.
Home
Landing feed surfacing featured items, quick search, and clear category entry points.
Home
Landing feed surfacing featured items, quick search, and clear category entry points.
Home
Landing feed surfacing featured items, quick search, and clear category entry points.
.png&w=3840&q=75)
Home
Landing feed surfacing featured items, quick search, and clear category entry points.
Search and insights
Search results paired with quick filters and reporting shortcuts for admins.
Search and insights
Search results paired with quick filters and reporting shortcuts for admins.
Item detail
Detailed product page with imagery, specs, and clear add-to-cart actions.
Item detail
Detailed product page with imagery, specs, and clear add-to-cart actions.
.png&w=3840&q=75)
Item detail
Detailed product page with imagery, specs, and clear add-to-cart actions.
Item detail
Detailed product page with imagery, specs, and clear add-to-cart actions.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Inventory management
Admin tooling to add, update, categorize, and review inventory items.
Cart
Cart summary with item quantities, totals, and next-step prompts.
Checkout
Payment confirmation with billing details and order overview.
Orders
Order management screen showing statuses and fulfillment actions.
Sales dashboards
Sales snapshots highlighting revenue, top products, and trends.
Sales dashboards
Sales snapshots highlighting revenue, top products, and trends.
Reports
Report library for drilling into purchase patterns and inventory health.
User profile
Profile screen summarizing saved details, addresses, and preferences.