> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/tools/tools/showcase.md).

# Showcase

iframe embeds

{% embed url="<https://codesandbox.io/s/dropbox-8xyxx?file=%2Findex.html>" %}

{% embed url="<https://www.dropbox.com/s/pkwmb529a3k5pfo/comfortably.mp4?dl=0>" %}

{% embed url="<https://docs.google.com/presentation/d/e/2PACX-1vSFvsw5kPGzq0D5KrRQoKTQI05sjeMbsMKqGvLwZA6ZFfDP6mAQD9dRubOeennDOP-UZmOJegN1IxKs/pub?delayms=3000&loop=false&start=false>" %}

{% embed url="<https://app.archbee.io/public/lI1AR-3-Ys9iITwuhct3i/treT9kilaJkzSjozhixGi>" %}

{% embed url="<https://codepen.io/bgoonz/pen/NWgmzRM>" %}

{% embed url="<https://codesandbox.io/s/time-calculator-forked-fzb0g>" %}

{% embed url="<https://codesandbox.io/s/animated-draggable-kanban-board-with-tailwind-and-vue-forked-75o2l>" %}

{% embed url="<https://codesandbox.io/s/project-card-forked-2gj52>" %}

{% embed url="<https://codepen.io/bgoonz/pen/MWoRqgv>" %}

{% embed url="<https://codepen.io/bgoonz/pen/jOwRvNV>" %}

{% embed url="<https://codepen.io/bgoonz/pen/oNwOMKQ>" %}

{% embed url="<https://codepen.io/bgoonz/pen/rNwbrXY>" %}

{% embed url="<https://codepen.io/bgoonz/pen/powBZMe>" %}

{% embed url="<https://codepen.io/bgoonz/pen/bGRJjXE>" %}

{% embed url="<https://codepen.io/TurkAysenur/pen/LYRKpWe>" %}

{% embed url="<https://codepen.io/bgoonz/pen/KKqYBja>" %}

{% embed url="<https://codepen.io/bgoonz/pen/GRELBLb>" %}

{% embed url="<https://codepen.io/bgoonz/pen/JjJVBVZ>" %}

{% embed url="<https://codepen.io/bgoonz/pen/abwxjxY>" %}

{% embed url="<https://codepen.io/bgoonz/pen/eYRojoE>" %}

{% embed url="<https://codepen.io/bgoonz/pen/OJgGwqJ>" %}

{% embed url="<https://codepen.io/bgoonz/pen/qBjwygy>" %}

{% embed url="<https://codesandbox.io/s/staticimport-forked-zk6ef>" %}

{% embed url="<https://codesandbox.io/s/dynamicimport-forked-zmypm>" %}

{% embed url="<https://codepen.io/bgoonz/pen/powBZpy>" %}

{% embed url="<https://codepen.io/bgoonz/pen/qBjwypx>" %}

{% embed url="<https://codesandbox.io/s/dynamicimport-forked-dv97o>" %}

{% embed url="<https://codesandbox.io/s/front-end-interview-9i7ve>" %}

{% embed url="<https://app.archbee.io/doc/NBzrZh-o_LzY_9-L4Gw6H/lsRLnZxnD1R5jrqrdHLZq>" %}

{% embed url="<https://codesandbox.io/s/epic-silence-ih0lk>" %}

{% embed url="<https://codesandbox.io/s/programming-quiz-forked-nkrgw>" %}

{% embed url="<https://stackblitz.com/edit/design-home-page-with-routes-bq5v7k>" %}

{% embed url="<https://codesandbox.io/s/intelligent-shadow-fn9hs>" %}

{% embed url="<https://codesandbox.io/s/project-card-forked-y5cfn>" %}

{% embed url="<https://stackblitz.com/edit/react-redux-registration-login-example-rf6zh3?file=index.js>" %}

{% embed url="<https://stackblitz.com/edit/react-redux-registration-login-example-fptwjs?file=index.js>" %}

{% embed url="<https://codesandbox.io/s/project-card-forked-y5cfn>" %}

{% embed url="<https://codesandbox.io/s/goofy-swartz-484qu?file=/README.md:11-52>" %}

{% embed url="<https://codesandbox.io/s/dark-mode-toggle-forked-6oqlt?file=/src/DarkModeToggle.js>" %}

{% embed url="<https://codesandbox.io/s/mvp-visually-explained-forked-cz17f>" %}

{% embed url="<https://codesandbox.io/embed/angry-allen-x8qp2?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/dndkit-sortable-image-grid-forked-6vfn5?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/s/maths-tester-forked-ws1y0>" %}

{% embed url="<https://stackblitz.com/edit/graphql-awx5rw?file=index.js>" %}

{% embed url="<https://codesandbox.io/s/codebin-forked-ewc61>" %}

{% embed url="<https://codesandbox.io/s/cra-ant-design-forked-wt94u>" %}

{% embed url="<https://codesandbox.io/s/weather-app-forked-49ofw>" %}

{% embed url="<https://codesandbox.io/embed/recursing-cdn-fimqt?fontsize=14&hidenavigation=1&theme=dark&view=preview>" %}

{% embed url="<https://codesandbox.io/embed/idk-forked-dz6xk?fontsize=14&hidenavigation=1&theme=dark>" %}

![](https://4256074456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjLjuvITJh8ZwT8mVxp%2Fuploads%2Fgit-blob-52265a4a5ad8ad665b530c2e0b9f9462469216cf%2Fqrcode%20\(1\)%20\(1\).png?alt=media)

{% embed url="<https://p8j5h.csb.app/>" %}

{% embed url="<https://codesandbox.io/embed/ds-algo-forked-0vwvn?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/idk-forked-4binh?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/main-py-repo-2y5wb?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://p8j5h.csb.app/>" %}

{% embed url="<https://codesandbox.io/embed/goofy-ellis-2zfc8?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/iframe-inception-forked-7zh6v?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/iframe-inception-forked-7zh6v?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/embed/delicate-http-jci8t?fontsize=14&hidenavigation=1&theme=dark&view=preview>" %}

{% embed url="<https://codesandbox.io/embed/overview-devextreme-calendar-forked-swqqt?fontsize=14&hidenavigation=1&theme=dark&view=preview>" %}

{% embed url="<https://replit.com/@bgoonz/Quiz#index.html>" %}

{% embed url="<https://codepen.io/bgoonz/pen/mdRvdzd>" %}

{% embed url="<https://replit.com/@bgoonz/chess#main.py>" %}

{% embed url="<https://replit.com/@bgoonz/Calculator#index.html>" %}

​

{% embed url="<https://codesandbox.io/embed/wonderful-cohen-ee9nm?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/s/ys5bq>" %}

{% embed url="<https://codesandbox.io/s/gatsby-site-forked-e3vn7>" %}

{% embed url="<https://codesandbox.io/embed/react-multi-carousel-playground-forked-lkw9f?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codesandbox.io/s/hbbi6>" %}

{% embed url="<https://codepen.io/bgoonz/pen/NWgBovv?editors=1111>" %}

{% embed url="<https://codesandbox.io/embed/wonderful-cohen-ee9nm?fontsize=14&hidenavigation=1&theme=dark>" %}

### get-fetch-dog-spicific-breed

{% embed url="<https://replit.com/@bgoonz/get-fetch-dog-spicific-breed#index.html>" %}

{% embed url="<https://replit.com/@bgoonz/jquery-shopping-list-walkthrough-13-test1#index.js>" %}

{% embed url="<https://codesandbox.io/embed/gatsby-site-forked-hbbi6?fontsize=14&hidenavigation=1&theme=dark>" %}

{% embed url="<https://codepen.io/bgoonz/pen/LYLOjmL>" %}

{% embed url="<https://codepen.io/bgoonz/pen/dyOaoXb>" %}

{% embed url="<https://codepen.io/bgoonz/pen/MWbxYme>" %}

{% embed url="<https://codepen.io/bgoonz/pen/abpWrBP>" %}

{% embed url="<https://codepen.io/bgoonz/pen/wvgqmMe>" %}

{% embed url="<https://codepen.io/bgoonz/pen/ExZbOxE>" %}

{% embed url="<https://codepen.io/bgoonz/pen/OJgxqbm>" %}

{% embed url="<https://codepen.io/bgoonz/pen/LYyBwEp>" %}

{% embed url="<https://codepen.io/bgoonz/pen/mdwBNJq>" %}

{% embed url="<https://codepen.io/bgoonz/pen/ExZvGoZ>" %}

{% embed url="<https://codepen.io/bgoonz/pen/jOydEBz>" %}

{% embed url="<https://stackblitz.com/edit/slidev-dwyz44?embed=1&file=README.md>" %}

{% embed url="<https://stackblitz.com/edit/slidev-dwyz44?devtoolsheight=33&embed=1&file=README.md&theme=dark>" %}

{% embed url="<https://codepen.io/bgoonz/pen/MWbxYme>" %}

{% embed url="<https://codepen.io/bgoonz/pen/mdwGxbR>" %}

{% embed url="<https://codepen.io/bgoonz/pen/MWpVVLP>" %}

{% embed url="<https://codepen.io/bgoonz/pen/gOmeeEm>" %}

{% embed url="<https://codepen.io/bgoonz/pen/QWpmmom>" %}

{% embed url="<https://codepen.io/bgoonz/pen/QWpmXxq>" %}

{% embed url="<https://codepen.io/bgoonz/pen/JjExopj>" %}

{% embed url="<https://codepen.io/bgoonz/pen/LYxqEZP>" %}

{% embed url="<https://codepen.io/bgoonz/pen/eYgxmyx>" %}

{% embed url="<https://codepen.io/bgoonz/pen/WNRPNpw>" %}

{% embed url="<https://codepen.io/bgoonz/pen/NWdoWvN>" %}

{% embed url="<https://codepen.io/bgoonz/pen/WNRPbeO>" %}

{% embed url="<https://codepen.io/bgoonz/pen/WNRPNpw>" %}

{% embed url="<https://codepen.io/bgoonz/pen/jOydOvm>" %}

{% embed url="<https://codepen.io/bgoonz/pen/LYxqYMa>" %}

{% embed url="<https://codepen.io/bgoonz/pen/ExZrayM>" %}

{% embed url="<https://codepen.io/bgoonz/pen/LYxqYBq>" %}

{% embed url="<https://codepen.io/bgoonz/pen/yLgZLrp>" %}

{% embed url="<https://codepen.io/bgoonz/pen/KKaJwgo>" %}

{% embed url="<https://stackblitz.com/edit/slidev-dwyz44?devtoolsheight=33&embed=1&file=README.md&theme=dark>" %}

{% embed url="<https://codepen.io/bgoonz/pen/jOydEBz>" %}

{% embed url="<https://codepen.io/bgoonz/pen/PoWVovN>" %}

hi