The latest articles on DEV Community by xhasu (@xhasu). https://dev.to/xhasu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F541705%2F4d96a505-f5c0-4883-98dc-475bdc098dbc.jpeg https://dev.to/xhasu en xhasu Tue, 05 Jan 2021 17:25:46 +0000 https://dev.to/xhasu/portfolio-micro-site-1ha5 https://dev.to/xhasu/portfolio-micro-site-1ha5 <h2> What I built </h2> <p>A static portfolio micro-site of some UI design screenshots </p> <h3> Category Submission: </h3> <p>Personal Site/Portfolio</p> <h3> App Link </h3> <p><a href="https://portfolio-microsite-qt7i6.ondigitalocean.app/">https://portfolio-microsite-qt7i6.ondigitalocean.app/</a></p> <h3> Screenshots </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--szqrm_OM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1645elyr7yygu1py8pii.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--szqrm_OM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1645elyr7yygu1py8pii.png" alt="Portfolio micro-site"></a></p> <h3> Description </h3> <p>List of short projects in GitHub of UI Design to test out animations, interface functionality and trends</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/xhasu/portfolio-microsite">https://github.com/xhasu/portfolio-microsite</a></p> <h3> Permissive License </h3> <p>MIT</p> <h2> Background </h2> <p>(What made you decide to build this particular app? What inspired you?)<br> Create one entry point to show all my projects in GitHub using the new UI trend Glassmorphism 😃 </p> <h3> How I built it </h3> <p>(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)<br> Just deploy static app, select GitHub repo and 💥.<br> I learned how to combine the perfect CSS properties to achieve the effect of glass</p> <h3> Additional Resources/Info </h3> <p><a href="https://github.com/xhasu">https://github.com/xhasu</a><br> some projects still WIP 😅</p> dohackathon