From a9560de31665da3e86a05f225e78779a267f70df Mon Sep 17 00:00:00 2001 From: Sajal Garg Date: Thu, 22 Jan 2026 20:38:13 +0530 Subject: [PATCH 1/2] Added ShopFlow Demo Webpage --- README.md | 6 +- pages/api/doc.js | 2 +- pages/checkout/index.jsx | 4 +- pages/confirmation/index.jsx | 6 +- pages/favourites/index.jsx | 2 +- pages/index.jsx | 6 +- pages/offers/index.jsx | 2 +- pages/orders/index.jsx | 2 +- pages/signin/index.jsx | 46 +- pages/signin/style.scss | 2 +- pages/swagger/index.jsx | 4 +- public/favicon.svg | 43825 +++++++++++++++- public/horizontal_logo.png | Bin 0 -> 6648398 bytes public/horizontal_logo.svg | 47 - ...tackdemo.png => FlowchartShopflowdemo.png} | Bin public/static/bstackdemo_logo.jpg | Bin 48209 -> 0 bytes public/static/shopflowdemo_logo.png | Bin 0 -> 5388339 bytes src/components/Footer/index.jsx | 4 +- src/components/Header/index.jsx | 2 +- 19 files changed, 43805 insertions(+), 155 deletions(-) create mode 100644 public/horizontal_logo.png delete mode 100644 public/horizontal_logo.svg rename public/static/{FlowchartBstackdemo.png => FlowchartShopflowdemo.png} (100%) delete mode 100644 public/static/bstackdemo_logo.jpg create mode 100644 public/static/shopflowdemo_logo.png diff --git a/README.md b/README.md index 1435ad7..a943a5d 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ -# browserstack-demo-app -A shopping application to demonstrate real-world usage of BrowserStack testing methods, patterns, and workflows. +# Shopflow-demo-app +A shopping application to demonstrate real-world usage of Shopflow testing methods, patterns, and workflows. ## Features 🛠 Built with [React](https://reactjs.org/), [Next](https://nextjs.org/) @@ -10,7 +10,7 @@ A shopping application to demonstrate real-world usage of BrowserStack testing m ## Getting Started -BrowserStack Demo App is a full-stack Next/React application. +Shopflow Demo App is a full-stack Next/React application. The app is bundled with [offers data](./src/constants/offers.json), [orders data](./src/constants/orders.json) and [products data](./src/constants/products.json) that contains everything you need to start using the app and run tests out-of-the-box. diff --git a/pages/api/doc.js b/pages/api/doc.js index a839a6b..bf8b0d9 100644 --- a/pages/api/doc.js +++ b/pages/api/doc.js @@ -2,7 +2,7 @@ import { withSwagger } from 'next-swagger-doc'; const swaggerHandler = withSwagger({ openApiVersion: '3.0.0', - title: 'BrowserStack Demo API', + title: 'Shopflow Demo API', version: '1.0.0', apiFolder: 'pages/api', diff --git a/pages/checkout/index.jsx b/pages/checkout/index.jsx index c9afd53..a0722f1 100644 --- a/pages/checkout/index.jsx +++ b/pages/checkout/index.jsx @@ -68,7 +68,7 @@ const CheckOut = ({ cartTotal, cartProducts, emptyCart, resetCartTotal }) => { return ( <> - StackDemo + ShopFlowDemo @@ -76,7 +76,7 @@ const CheckOut = ({ cartTotal, cartProducts, emptyCart, resetCartTotal }) => {

- StackDemo + ShopFlowDemo

diff --git a/pages/confirmation/index.jsx b/pages/confirmation/index.jsx index 6b69b86..81c7335 100644 --- a/pages/confirmation/index.jsx +++ b/pages/confirmation/index.jsx @@ -27,7 +27,7 @@ const CheckOut = ({ cartTotal }) => { function generatePDF() { const doc = new jsPDF() - doc.text('BrowserStack Demo', 14, 20) + doc.text('Shopflow Demo', 14, 20) doc.autoTable({ head: [['Brand', 'Type', 'Quantity', 'Price']], body: @@ -48,7 +48,7 @@ const CheckOut = ({ cartTotal }) => { return ( <> - StackDemo + ShopFlowDemo @@ -56,7 +56,7 @@ const CheckOut = ({ cartTotal }) => {

- StackDemo + ShopFlowDemo

diff --git a/pages/favourites/index.jsx b/pages/favourites/index.jsx index 9c2c75a..bbe8577 100644 --- a/pages/favourites/index.jsx +++ b/pages/favourites/index.jsx @@ -22,7 +22,7 @@ const Favourites = () => { return (
- StackDemo + ShopFlowDemo diff --git a/pages/index.jsx b/pages/index.jsx index 16b9575..271f309 100644 --- a/pages/index.jsx +++ b/pages/index.jsx @@ -6,10 +6,10 @@ export default function Home() { return (
- StackDemo - + ShopFlowDemo + - +