{"componentChunkName":"component---src-templates-project-page-index-tsx","path":"/portfolio/cash-pawn-and-jewelry-website","result":{"data":{"mdx":{"frontmatter":{"title":"Cash Pawn & Jewelry Website","githubUrl":"https://github.com/learnsometing/veropawn.com","websiteUrl":"https://veropawn.net/","mobileCarouselPhotos":null,"tabletCarouselPhotos":null,"carouselPhotos":[{"altText":"Cash Pawn & Jewelry Website Home Page","src":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFA//EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABfnVscGwI/8QAGhAAAQUBAAAAAAAAAAAAAAAAAQACAwQSEP/aAAgBAQABBQKwcw1nuMieVo8//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGRABAAIDAAAAAAAAAAAAAAAAAQAhAiAy/9oACAEBAAY/AskqdLWv/8QAGxABAAICAwAAAAAAAAAAAAAAAQAQEUEhcZH/2gAIAQEAAT8hdVkbj4TaNIIEAeMedV//2gAMAwEAAgADAAAAEFQf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFhEBAQEAAAAAAAAAAAAAAAAAARAh/9oACAECAQE/EByf/8QAHRABAAEEAwEAAAAAAAAAAAAAAREAECExQWFxwf/aAAgBAQABPxCPSCDsyU3JJl8zZFCHYg8lBRCUMD47bf/Z","aspectRatio":1.7352941176470589,"src":"/static/56d0aba06cc4aae5197224cac0f73af4/b5e24/cash-pawn_1.jpg","srcSet":"/static/56d0aba06cc4aae5197224cac0f73af4/2396f/cash-pawn_1.jpg 295w,\n/static/56d0aba06cc4aae5197224cac0f73af4/0075a/cash-pawn_1.jpg 590w,\n/static/56d0aba06cc4aae5197224cac0f73af4/b5e24/cash-pawn_1.jpg 1179w,\n/static/56d0aba06cc4aae5197224cac0f73af4/7ca54/cash-pawn_1.jpg 1769w,\n/static/56d0aba06cc4aae5197224cac0f73af4/b56eb/cash-pawn_1.jpg 2358w,\n/static/56d0aba06cc4aae5197224cac0f73af4/4ee3c/cash-pawn_1.jpg 3554w","srcWebp":"/static/56d0aba06cc4aae5197224cac0f73af4/a40b9/cash-pawn_1.webp","srcSetWebp":"/static/56d0aba06cc4aae5197224cac0f73af4/25ff1/cash-pawn_1.webp 295w,\n/static/56d0aba06cc4aae5197224cac0f73af4/d5fa0/cash-pawn_1.webp 590w,\n/static/56d0aba06cc4aae5197224cac0f73af4/a40b9/cash-pawn_1.webp 1179w,\n/static/56d0aba06cc4aae5197224cac0f73af4/3fb9c/cash-pawn_1.webp 1769w,\n/static/56d0aba06cc4aae5197224cac0f73af4/33164/cash-pawn_1.webp 2358w,\n/static/56d0aba06cc4aae5197224cac0f73af4/86c98/cash-pawn_1.webp 3554w","sizes":"(max-width: 1179px) 100vw, 1179px"}}},"caption":"Landing page"},{"altText":"Cash Pawn & Jewelry Website Shopping Page","src":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/2gAMAwEAAhADEAAAAdZYnC6QR//EABoQAAICAwAAAAAAAAAAAAAAAAERAhADEjL/2gAIAQEAAQUCkUNjWXlqv//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABkQAQACAwAAAAAAAAAAAAAAAAEAEBEhMf/aAAgBAQAGPwKaLcB2v//EABsQAAICAwEAAAAAAAAAAAAAAAERADEQIUFR/9oACAEBAAE/ITMAcvQd+4JAUDvs5xSoKn//2gAMAwEAAgADAAAAECz/AP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABYRAQEBAAAAAAAAAAAAAAAAAAEQEf/aAAgBAgEBPxANJ//EABsQAQADAQADAAAAAAAAAAAAAAEAESExUXHh/9oACAEBAAE/EBQ0oUtS3lAGdPPyHC+znkOCyapiiTrDs0PU/9k=","aspectRatio":1.7352941176470589,"src":"/static/d6105718858c284fe4b66493b1341dfc/b5e24/cash-pawn_2.jpg","srcSet":"/static/d6105718858c284fe4b66493b1341dfc/2396f/cash-pawn_2.jpg 295w,\n/static/d6105718858c284fe4b66493b1341dfc/0075a/cash-pawn_2.jpg 590w,\n/static/d6105718858c284fe4b66493b1341dfc/b5e24/cash-pawn_2.jpg 1179w,\n/static/d6105718858c284fe4b66493b1341dfc/7ca54/cash-pawn_2.jpg 1769w,\n/static/d6105718858c284fe4b66493b1341dfc/b56eb/cash-pawn_2.jpg 2358w,\n/static/d6105718858c284fe4b66493b1341dfc/4ee3c/cash-pawn_2.jpg 3554w","srcWebp":"/static/d6105718858c284fe4b66493b1341dfc/a40b9/cash-pawn_2.webp","srcSetWebp":"/static/d6105718858c284fe4b66493b1341dfc/25ff1/cash-pawn_2.webp 295w,\n/static/d6105718858c284fe4b66493b1341dfc/d5fa0/cash-pawn_2.webp 590w,\n/static/d6105718858c284fe4b66493b1341dfc/a40b9/cash-pawn_2.webp 1179w,\n/static/d6105718858c284fe4b66493b1341dfc/3fb9c/cash-pawn_2.webp 1769w,\n/static/d6105718858c284fe4b66493b1341dfc/33164/cash-pawn_2.webp 2358w,\n/static/d6105718858c284fe4b66493b1341dfc/86c98/cash-pawn_2.webp 3554w","sizes":"(max-width: 1179px) 100vw, 1179px"}}},"caption":"Shopping page"},{"altText":"Cash Pawn & Jewelry Website Shopping Page Pagination","src":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAEDBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAAB1Y7CmYB//8QAFxAAAwEAAAAAAAAAAAAAAAAAAAIRIP/aAAgBAQABBQJqR8//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAADAQAAAAAAAAAAAAAAAAAAICEy/9oACAEBAAY/AoaX/8QAGRABAAIDAAAAAAAAAAAAAAAAARAhABFR/9oACAEBAAE/IQ03DuFNJI//2gAMAwEAAgADAAAAEMwf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQIBAT8Qp//EABoQAAIDAQEAAAAAAAAAAAAAAAERACExEEH/2gAIAQEAAT8QKIQOw2PFW2aOcOT3z//Z","aspectRatio":1.7352941176470589,"src":"/static/d45a1be64ffc5d2d1e48024525d03a22/b5e24/cash-pawn_3.jpg","srcSet":"/static/d45a1be64ffc5d2d1e48024525d03a22/2396f/cash-pawn_3.jpg 295w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/0075a/cash-pawn_3.jpg 590w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/b5e24/cash-pawn_3.jpg 1179w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/7ca54/cash-pawn_3.jpg 1769w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/b56eb/cash-pawn_3.jpg 2358w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/4ee3c/cash-pawn_3.jpg 3554w","srcWebp":"/static/d45a1be64ffc5d2d1e48024525d03a22/a40b9/cash-pawn_3.webp","srcSetWebp":"/static/d45a1be64ffc5d2d1e48024525d03a22/25ff1/cash-pawn_3.webp 295w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/d5fa0/cash-pawn_3.webp 590w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/a40b9/cash-pawn_3.webp 1179w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/3fb9c/cash-pawn_3.webp 1769w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/33164/cash-pawn_3.webp 2358w,\n/static/d45a1be64ffc5d2d1e48024525d03a22/86c98/cash-pawn_3.webp 3554w","sizes":"(max-width: 1179px) 100vw, 1179px"}}},"caption":"Shopping page call to action"},{"altText":"Cash Pawn & Jewelry Website Item Page","src":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABlElEQVQoz41Ty07CUBDl01yTkODCheErXPMJxsQFOxNcmJgo0cQAAeQlrX2AwRipWCilpUBLwX84zr1SbLAQFye90+mcOWfmNuYtVDC4noKF34ZhNzEwa7DtJ0ycFpypgOnsmWPuyvybAEFdwMEQCwdB0ve7WK7e4DgdmGMZul7Hp/4IfVCF9lHG2KJmEwGzufSHNLZN5kxlCEIZ2csM0ukTHKdSKFVyRFaBJN1Q7hqyfIt2+w4DauAvO9GEc1fB6usF3dc8shcZxOMHODpM4Oz0HLncFXq9AldpGHVYdgum2eRKmfU9ChUiVlEs3COZTKD4kIdlztDvd8h2GZpWIgcit8osM+JIQvbC9VROyM7OVCElLVqMTHNsU7GE4bBG8ythMKzCImWjUYPm29wQBqQhQmVtXSZIa7USx8QRMCSrzO7IbHBCvhhHxHZ95JbDZ6bcIDUMLA6ui+eru69NuAN7/qj8hWE16G7W+ey2c5EK9xGyeDIToRmVTbzJucr/LfN5ztlSRJj017zrJdi02UDVrppvDQ/+5KMexOEAAAAASUVORK5CYII=","aspectRatio":1.7455621301775148,"src":"/static/98c68418303830a5766b509e6a169475/7a32a/cash-pawn_4.png","srcSet":"/static/98c68418303830a5766b509e6a169475/c100b/cash-pawn_4.png 295w,\n/static/98c68418303830a5766b509e6a169475/6ee37/cash-pawn_4.png 590w,\n/static/98c68418303830a5766b509e6a169475/7a32a/cash-pawn_4.png 1179w,\n/static/98c68418303830a5766b509e6a169475/96b65/cash-pawn_4.png 1769w,\n/static/98c68418303830a5766b509e6a169475/d5aa8/cash-pawn_4.png 2358w,\n/static/98c68418303830a5766b509e6a169475/c4676/cash-pawn_4.png 3584w","srcWebp":"/static/98c68418303830a5766b509e6a169475/a40b9/cash-pawn_4.webp","srcSetWebp":"/static/98c68418303830a5766b509e6a169475/25ff1/cash-pawn_4.webp 295w,\n/static/98c68418303830a5766b509e6a169475/d5fa0/cash-pawn_4.webp 590w,\n/static/98c68418303830a5766b509e6a169475/a40b9/cash-pawn_4.webp 1179w,\n/static/98c68418303830a5766b509e6a169475/3fb9c/cash-pawn_4.webp 1769w,\n/static/98c68418303830a5766b509e6a169475/33164/cash-pawn_4.webp 2358w,\n/static/98c68418303830a5766b509e6a169475/71fec/cash-pawn_4.webp 3584w","sizes":"(max-width: 1179px) 100vw, 1179px"}}},"caption":"Item page"},{"altText":"Cash Pawn & Jewelry Website Item Page with Full Screen Carousel","src":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUBAgT/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAFZoVyVAP/EABkQAQACAwAAAAAAAAAAAAAAAAMBEAQREv/aAAgBAQABBQLFOERC5mtzX//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAEEAwAAAAAAAAAAAAAAAAEAAhARITFR/9oACAEBAAY/AqPEQWtGLncf/8QAGhABAAIDAQAAAAAAAAAAAAAAAREhABAxkf/aAAgBAQABPyFiQ2gcK53SdCjTGKdXuv/aAAwDAQACAAMAAAAQgA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAbEAEBAAMAAwAAAAAAAAAAAAABEQAQUSFxgf/aAAgBAQABPxDze+Cy/Me6AEqem6umXRmVKb1a/9k=","aspectRatio":1.7455621301775148,"src":"/static/33195a8aa4405ad0e8842e15641aee05/b5e24/cash-pawn_5.jpg","srcSet":"/static/33195a8aa4405ad0e8842e15641aee05/2396f/cash-pawn_5.jpg 295w,\n/static/33195a8aa4405ad0e8842e15641aee05/0075a/cash-pawn_5.jpg 590w,\n/static/33195a8aa4405ad0e8842e15641aee05/b5e24/cash-pawn_5.jpg 1179w,\n/static/33195a8aa4405ad0e8842e15641aee05/7ca54/cash-pawn_5.jpg 1769w,\n/static/33195a8aa4405ad0e8842e15641aee05/b56eb/cash-pawn_5.jpg 2358w,\n/static/33195a8aa4405ad0e8842e15641aee05/b41ff/cash-pawn_5.jpg 3584w","srcWebp":"/static/33195a8aa4405ad0e8842e15641aee05/a40b9/cash-pawn_5.webp","srcSetWebp":"/static/33195a8aa4405ad0e8842e15641aee05/25ff1/cash-pawn_5.webp 295w,\n/static/33195a8aa4405ad0e8842e15641aee05/d5fa0/cash-pawn_5.webp 590w,\n/static/33195a8aa4405ad0e8842e15641aee05/a40b9/cash-pawn_5.webp 1179w,\n/static/33195a8aa4405ad0e8842e15641aee05/3fb9c/cash-pawn_5.webp 1769w,\n/static/33195a8aa4405ad0e8842e15641aee05/33164/cash-pawn_5.webp 2358w,\n/static/33195a8aa4405ad0e8842e15641aee05/71fec/cash-pawn_5.webp 3584w","sizes":"(max-width: 1179px) 100vw, 1179px"}}},"caption":"Item page with full screen carousel"}],"tags":["CSS","Gatsby","GraphQL","Integration Tests","JavaScript","Jest","Node.js","React","React Testing Library","Responsive Design","Unit Tests"]},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Cash Pawn & Jewelry Website\",\n  \"path\": \"/portfolio/cash-pawn-and-jewelry-website\",\n  \"websiteUrl\": \"https://veropawn.net/\",\n  \"githubUrl\": \"https://github.com/learnsometing/veropawn.com\",\n  \"cardPhoto\": {\n    \"src\": \"../images/cash-pawn/cash-pawn_1.jpg\",\n    \"altText\": \"Cash Pawn & Jewelry Website Home Page\"\n  },\n  \"cardText\": \"A professional website built for Cash Pawn & Jewelry using Gatsby and React.js.\",\n  \"carouselPhotos\": [{\n    \"src\": \"../images/cash-pawn/cash-pawn_1.jpg\",\n    \"altText\": \"Cash Pawn & Jewelry Website Home Page\",\n    \"caption\": \"Landing page\"\n  }, {\n    \"src\": \"../images/cash-pawn/cash-pawn_2.jpg\",\n    \"altText\": \"Cash Pawn & Jewelry Website Shopping Page\",\n    \"caption\": \"Shopping page\"\n  }, {\n    \"src\": \"../images/cash-pawn/cash-pawn_3.jpg\",\n    \"altText\": \"Cash Pawn & Jewelry Website Shopping Page Pagination\",\n    \"caption\": \"Shopping page call to action\"\n  }, {\n    \"src\": \"../images/cash-pawn/cash-pawn_4.png\",\n    \"altText\": \"Cash Pawn & Jewelry Website Item Page\",\n    \"caption\": \"Item page\"\n  }, {\n    \"src\": \"../images/cash-pawn/cash-pawn_5.jpg\",\n    \"altText\": \"Cash Pawn & Jewelry Website Item Page with Full Screen Carousel\",\n    \"caption\": \"Item page with full screen carousel\"\n  }],\n  \"tags\": [\"CSS\", \"Gatsby\", \"GraphQL\", \"Integration Tests\", \"JavaScript\", \"Jest\", \"Node.js\", \"React\", \"React Testing Library\", \"Responsive Design\", \"Unit Tests\"],\n  \"date\": \"2020-02-25\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Grid = makeShortcode(\"Grid\");\nvar Typography = makeShortcode(\"Typography\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Grid, {\n    item: true,\n    mdxType: \"Grid\"\n  }, mdx(Typography, {\n    variant: 'body1',\n    className: \"description fade-in\",\n    gutterBottom: true,\n    mdxType: \"Typography\"\n  }, \"I developed veropawn.net independently for Cash Pawn & Jewelry, a pawn shop located in Vero Beach, FL. The website is a \", mdx(\"strong\", null, \"React\"), \" app built with\", mdx(\"strong\", null, \" Gatsby\"), \", a popular static site generator framework. The resulting website increased sales and customer satisfaction and bolstered the company\\u2019s limited web presence.\")), mdx(Grid, {\n    item: true,\n    mdxType: \"Grid\"\n  }, mdx(Typography, {\n    variant: 'body1',\n    className: \"description fade-in\",\n    gutterBottom: true,\n    mdxType: \"Typography\"\n  }, \"This app serves as an inventory catalog and features responsive and UX friendly designs. Its dynamically generated navigation and the thousands of programmatically created shopping and product pages highlight the marriage of React and server-side rendering, which is handled by Gatsby under the hood. The shop\\u2019s inventory data fuels the creation of these features at build time.\")), mdx(Grid, {\n    item: true,\n    mdxType: \"Grid\"\n  }, mdx(Typography, {\n    variant: 'body1',\n    className: \"description fade-in\",\n    gutterBottom: true,\n    mdxType: \"Typography\"\n  }, \"Building this website at my level of experience was challenging, because I had no prior \", mdx(\"strong\", null, \"React\"), \" or \", mdx(\"strong\", null, \"Gatsby\"), \" experience to start with. I learned both frameworks during development and learned about testing React applications along the way.\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"/portfolio/cash-pawn-and-jewelry-website"}},"staticQueryHashes":["63159454"]}