Frontend implementation and responsive layouts for an AI-powered SEO platform. Built reusable UI for dashboards, playbook generation flows, and content insights, with careful attention to performance and a smooth experience across breakpoints.
"}},{"node":{"frontmatter":{"title":"QR Code Creator","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAACnklEQVQoz4XRTU8TQRgH8E2UbndnZl9md3a3u9u3beluu4WtvFMQqgFJLVSNkUhIfEmEQBUIKoknDTdjTEQ/BQVOnvQrePDqST3JAVpM3fZuFqIXDya/meTJP5PnmTxUp+0f/+x8+tL8/u3rj8NDv93x2+1Wq3V0dNxoNJsnJ41Gs9X65ft+cFrNj59bL993jk/8Ttunsq7n5LxUpsd2euxsj5Przea8fGHYG630Tz8YmFnyinNu71DW9QI5L5nxDKvg5IKSOheCNMNzvMwAgYECQDhEQ4oKM4qLnVnszEK9QAO5i4ahMOqiER2GYQZ20fB8CFIA4eJ4qTg+OXlperI0dWWmMlGamilX4919vFGQEoOckgYcgQgDJEFOAggzQGChCBCmICdduzG/vLr2aP3x+sbTkbHS0MjFcqWqaDHAq0jUZRKRicYLRMSqiFUsaboRl0kkeMwJZHFhYWOtdv/e3drK8vXqnCTJFEWxQEC8zEIhEolm7HzCclQtKpPI0tLK8xfbt+YXQ2FEQU62i4uF8qZ7ebXv6uaF8ma5ulCpVGXFZKEIOSwrZszK6TFHJoZqpF+93tl5+25ra6uLhsHYRqrfdMbM7qFodsJ0p4ZGS/0Dw0Y0CYJ/YkJ004xjrMbiqbw3WHu49uTZ9tztGn3aWbJSju30dNv5dLo7ZVkZ283YrhqJQk5ioSArejJlJ6xMwsroZlLTY0YsLWtJAEWKRaT35puR2gfvzr7hTFpWOprIACSFWf6sM+IlQSSCSDheQhwOIJHjg4gKs6KeyBvpYWy4SNSwpHGiwgnBbhggnhLCLH+G+QsIDBApohiSrCpEIURVVFPVoopmRoy4oppEMQKqQVTzH0FE1fcO6nsHu6fqe/u79f0/98F//QZCPbs+2TO8pAAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/b298de0b376fd91023da2a93d138496b/f8fcb/demo.png","srcSet":"/static/b298de0b376fd91023da2a93d138496b/df6f6/demo.png 175w,\n/static/b298de0b376fd91023da2a93d138496b/76ff2/demo.png 350w,\n/static/b298de0b376fd91023da2a93d138496b/f8fcb/demo.png 700w,\n/static/b298de0b376fd91023da2a93d138496b/b228e/demo.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/b298de0b376fd91023da2a93d138496b/7624c/demo.avif 175w,\n/static/b298de0b376fd91023da2a93d138496b/515f6/demo.avif 350w,\n/static/b298de0b376fd91023da2a93d138496b/8b2f1/demo.avif 700w,\n/static/b298de0b376fd91023da2a93d138496b/77bc6/demo.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/b298de0b376fd91023da2a93d138496b/9e66f/demo.webp 175w,\n/static/b298de0b376fd91023da2a93d138496b/a2d0e/demo.webp 350w,\n/static/b298de0b376fd91023da2a93d138496b/56664/demo.webp 700w,\n/static/b298de0b376fd91023da2a93d138496b/89dbf/demo.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":450}}},"tech":["React","Next.js","Tailwind CSS","JavaScript"],"github":"","external":"https://www.qrcodecreator.io/","cta":""},"html":"A modern QR generation platform with clean, responsive UI for creating and customizing QR codes. Built reusable input components and a polished result preview that works smoothly on mobile and desktop.
"}},{"node":{"frontmatter":{"title":"Fresh Buyzar","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAACt0lEQVQoz01QTWtUZxSeTZf9AV2Uoqv6C7oQunCpSBel0nbhRrAqVh1IqZpAa4WICHaitNUUv4sBoZQstEgiJaOJJjbNJMbEmZiPzp3c7/ve9/O8X/fOWya66OEsHp7nPDznnMrhoeqRoRPfDvdXfzrZd6V/4MbZb4YHDtVOHPzx2FdvunbsyFD1s8Ev9p755FDt+OFadc8Pn+47t//opb6Kc64orbJgiq42pXNd50r3v+r2GNdM5ma88S3V1f2nS+iVc66iLPOnJp6f+b5R/fqf/Z83rw+nUsy21l80V4KOx7NA8kwyBJxYkqS/7o1//phd2w1zI6BlpXTFyp2box9sv7fzw7sfvb9SO+cROj69UH/amJ+a7iy+jMf+bIxdfp0ssbi9dvK9zVPvbJ59F02cN2W3Ujjr3/9j5sCXM6O3/rp3A88+iXE673dW4mgjjUIUrX7Xf2lw51hzpMjTjVu7vMFtkwM7Fuo3XWkrGrCV2FnpnCu7XVMoI3IrUAmYsVDhWGcBTwNOYy2xgUhjn+FAsEwDrhhJGE1W28vtTmt1YzEM1owkVlENWEKuDdeKFoYbSQpJDVCrWamoAbxlBsx4uvT6b89vLXSWp1qzWrEobDNCJA/Z+qIhWeZ7QPPNPMCAk5z6iClJNeQVxZHuqtG7F5/VHzwPX56+3QdWP7p+0VtbDzuNdnNCrv87ffUCy6JfHv8+77+abCUj43WlpRaodzOFNIxRhPJV1pmMXiDg7TlBA6WSZeHP2zgijRbP6bMMLVLq5XrZpwy4gby3NuVJynFKUSDjtk6IoCgAnomSdwqyUZDcIiEo84zZ1AqBiUQhBC2B9JI1YCWQEsj0Pk805FZhA/mWRN4M9EjAIJAAXBgAyBMevDVbxaxiRjEtiZbUyB42PUDMW57qLawlLTWkPPwtePgfBzuYDF1k74IAAAAASUVORK5CYII="},"images":{"fallback":{"src":"/static/15b810575ce6e6d82a5b866fcbbabab8/f8fcb/demo.png","srcSet":"/static/15b810575ce6e6d82a5b866fcbbabab8/df6f6/demo.png 175w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/76ff2/demo.png 350w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/f8fcb/demo.png 700w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/b228e/demo.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/15b810575ce6e6d82a5b866fcbbabab8/7624c/demo.avif 175w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/515f6/demo.avif 350w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/8b2f1/demo.avif 700w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/77bc6/demo.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/15b810575ce6e6d82a5b866fcbbabab8/9e66f/demo.webp 175w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/a2d0e/demo.webp 350w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/56664/demo.webp 700w,\n/static/15b810575ce6e6d82a5b866fcbbabab8/89dbf/demo.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":450}}},"tech":["Next.js","React","Tailwind CSS","REST APIs"],"github":"","external":"https://www.freshbuyzar.com/","cta":""},"html":"A responsive e-commerce frontend for an online grocery platform. Built fast, mobile-first product browsing, cart, and checkout flows along with reusable UI components for catalog, listings, and promotions.
"}},{"node":{"frontmatter":{"title":"Yoke Integration","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJElEQVQozwEZA+b8ALW4vbK3vb/DyMXIzcTHzMTIzcTIzcTJz8XM0sXP1cPQ1sHP18HQ2cLU3MHU3cLW38TY4b/V31esyXe4zwARHzMSIDQRHzURIDUSIDcSITcVJDoVK0MWNlAYQl8ZTGsZV3caYYIdao0ccZYbdpwceqAde6EeeJ4edZgACBYsCRctChkvCxkwCxsyDR00BRcvCiQ/ETZSCzxcDUlrFVp7EmGGDGePE3WcFn2mFYGqFYKrFH6nFHmfAAoZLgsaMAwaMQ0cMwYWLhwrQUdVaDpSaEVke050jFOBmUB7l0mKplCWsx+DqhGErheNtxaOuBaJsxaAqQALGjAMGjENHDMKGjElNElLV2hndINgdIZZdotihptnkqdYjqdcmLJwrMRbp8QhkrsVlsIYmcQXkLsWhq4ADBoxDBsyDR0zDBszHCtBMT9UMkNZSmJ2XnuPUHiQX4uiZpiwQYenLISoO5a5JJW9FZjGGJvJF5G8FoevAAwdNQ0fNw0hOQ4hOgwfOA0fOA0hOyI+Vzdacz1og0N2kTt5lyZ1mRV1nBSAqBSJsxeSvReTvheNtxaErAAMJT0NJkANKEEOKUIOKUMSK0QVLkcVNFAYP1waS2oZVXYWXoAXaIwZc5kXe6IWg6sWh7AWiLIWha0WfqUADCxFDS5IDS9JDjBKDjBLJEFaK0ZeHj9bG0RhIE9sLGB+KWiGKG+QRoqnQo6sFHmfFn6kFn6lFnuiFnebAA0zThA3UhA4UxA5VBA5VBc9WBo+WGJ7joCXpmiInClceCxmgyhqiSNtjiFzlRZxlhd0mRd1mRdzmBZvkQAJN1MAL04AMVAAM1ECM1ECME8FME5KZ3tjfI1TcocbS2cjV3MfWHYQVHYPW30QYYMPYoYOY4YMYYQSY4MAI1JsgZ+ud5usbpeqZZOmXI6kU4igPHeSLm+MKXCPLXiXInWWHHSXInqdLIGiNYemPoyqR5GtUpawJG6LAD1rgubw8cnd4rnW3qjO2JfF1Ia+z3e3zGewx1anwkOevDGWtyaQszKVt0Sdu1Slv2WsxHazyJDJ3C+MrRJOK6Ku+iJ8AAAAAElFTkSuQmCC"},"images":{"fallback":{"src":"/static/32e7fea8d3fe7218715030d12162a89b/f8fcb/demo.png","srcSet":"/static/32e7fea8d3fe7218715030d12162a89b/df6f6/demo.png 175w,\n/static/32e7fea8d3fe7218715030d12162a89b/76ff2/demo.png 350w,\n/static/32e7fea8d3fe7218715030d12162a89b/f8fcb/demo.png 700w,\n/static/32e7fea8d3fe7218715030d12162a89b/b228e/demo.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/32e7fea8d3fe7218715030d12162a89b/7624c/demo.avif 175w,\n/static/32e7fea8d3fe7218715030d12162a89b/515f6/demo.avif 350w,\n/static/32e7fea8d3fe7218715030d12162a89b/8b2f1/demo.avif 700w,\n/static/32e7fea8d3fe7218715030d12162a89b/77bc6/demo.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/32e7fea8d3fe7218715030d12162a89b/9e66f/demo.webp 175w,\n/static/32e7fea8d3fe7218715030d12162a89b/a2d0e/demo.webp 350w,\n/static/32e7fea8d3fe7218715030d12162a89b/56664/demo.webp 700w,\n/static/32e7fea8d3fe7218715030d12162a89b/89dbf/demo.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":450}}},"tech":["Next.js","React","Tailwind CSS"],"github":"","external":"https://www.yokeintegration.com/","cta":""},"html":"Marketing site and product surface for a supply chain integration platform — landing flows, solution pages, and a clean, content-driven design tuned for fast load times and smooth navigation on every device.
"}},{"node":{"frontmatter":{"title":"Riders Choice","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVQoz0WKy0/aABzHq6KCBWvLQ0DaImArghUFRJGh8ggqU4dxKPiYok4Rt2Rmhx32Ou+6k+cdluy4/2Y6aAGXHZ3ySlvaLphsfvI5fH/5fYC9Ps25hTy1kFkjvq1CdiFNRo8eGLCMAT0kRp7bRw+M+OG9GQOWVMIbKiQFaQ4M2I5aD3QpFBp9vxyGVQjS1t7WDYIgDCsRRNEHyaFeJQx3Kntkyh4Z2BKQdbTslHWAPe3ybsCg1Xrc3mBgdoya8AUXHZQHGSCwYc8QNYWSbtzutTp92LBHN+jQ2dy4a550BV2+sGtyzuWdBfrV8PHL1xdfvr19//Hi6/cPnz6nT948Wj0KrGaiyZNYMhvfPF1K5aYX0kO+panFbX8sGVxMBqIJf2gZGERN8ZngbjR+8nQjd3SezZylcu/I8A7uT5BzKWdk27WwN76UoSKbvlgyvLY/v5yef7wZjK1Nh5YBC4baMdxpI7ymwbDNGbY6PNS0f3YlkDiKbOYWUrmZ1f2xqdjoWNA9MW13RwhqzukNU5OhQHgFUOu0cdz6iqCOe3Xj3QobjOAabb8e9UbX4+nTePp0KrYBaVAYUmN6E6w190ADKtjYbxocdfuBTrnc0yE/0Rq3QBiRdXWqILAXwW3UTHw7lMhE1jLhxJ51xIP0qUGwV6nqQ3QGuULZ1tYBIVrAjOJqE2a0OwdIBzE8arYQlNsXWtl6snu2nM6ubGXX919E1565J2eGLEPEsJN0UFZyBEPNNisB/MznmQJN5wtXl1f5QqFYKjEMk6dLTOm6/Ot3qXxdLJYLTLlYKheLRbpQ+HF5WaBpmqEZhgYkSZJYVri9u6vWWJaTJEm8ualWKo1Go/Wq1dm7Sq1eb+2mIFaq1Vqd53npHoDjOI5leZ4XBKHZ5DmO5ThWFAVRFJo8z/OccL85vtW1TqF5n7UApH+Iovh/1xuNmz+3lUq13mjcVarVau0hkx6yv5dfTz3LMeZaAAAAAElFTkSuQmCC"},"images":{"fallback":{"src":"/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/f8fcb/demo.png","srcSet":"/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/df6f6/demo.png 175w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/76ff2/demo.png 350w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/f8fcb/demo.png 700w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/b228e/demo.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/7624c/demo.avif 175w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/515f6/demo.avif 350w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/8b2f1/demo.avif 700w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/77bc6/demo.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/9e66f/demo.webp 175w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/a2d0e/demo.webp 350w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/56664/demo.webp 700w,\n/static/9d346d76e7faa0f3aed4e2a87f6eb5b0/89dbf/demo.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":450}}},"tech":["React","Next.js","Tailwind CSS"],"github":"","external":"https://riderschoice.algobeat.com/","cta":""},"html":"E-commerce frontend for a motorcycle accessories and storage brand — listings, category browsing, and storefront pages built with reusable UI components and a responsive layout for both desktop and mobile shoppers.
"}}]}}}