<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ang Chun Yee</title>
    <description>The latest articles on DEV Community by Ang Chun Yee (@juneang5).</description>
    <link>https://dev.to/juneang5</link>
    <image>
      <url>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%2F524018%2F4c4bad6f-85b1-44ef-a26c-1297b6badd66.jpg</url>
      <title>DEV Community: Ang Chun Yee</title>
      <link>https://dev.to/juneang5</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/juneang5"/>
    <language>en</language>
    <item>
      <title>DO Hackathon Submission</title>
      <dc:creator>Ang Chun Yee</dc:creator>
      <pubDate>Sun, 10 Jan 2021 09:34:59 +0000</pubDate>
      <link>https://dev.to/juneang5/do-hackathon-submission-k25</link>
      <guid>https://dev.to/juneang5/do-hackathon-submission-k25</guid>
      <description>&lt;h2&gt;
  
  
  What I built
&lt;/h2&gt;

&lt;p&gt;I am built my first personal portfolio using frontend integration. DO Hackathon gave me a chance to learn to react, css, and design my own portfolio [eventhough I don't have any design sense]. &lt;/p&gt;

&lt;h3&gt;
  
  
  Category Submission:
&lt;/h3&gt;

&lt;p&gt;Personal Site/ Portfolio&lt;/p&gt;

&lt;h3&gt;
  
  
  App Link
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://react-personal-site-p3jlo.ondigitalocean.app/"&gt;Link&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Screenshots
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eY2Bi7UF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7845rrtr7z83xs41ruih.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eY2Bi7UF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7845rrtr7z83xs41ruih.png" alt="Homepage"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XzIBCUi6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/xg2j7t433qhanq2oirki.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XzIBCUi6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/xg2j7t433qhanq2oirki.png" alt="Portfolio"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tAjiA9i9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mf2fgx19dfagqnrvg255.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tAjiA9i9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mf2fgx19dfagqnrvg255.png" alt="Contact me"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Description
&lt;/h3&gt;

&lt;p&gt;Before I start with my project I learn to react and pick up my CSS skill. DO hackathon give me a chance to create my first personal portfolio as I am able to continue using this repo for my future update. There are quite a lot of blockers for me when during the implementation such as poor design [current version is the best view, previous all is so urgly], CSS adjustment, animation, and others. There will have other versions or revamp for my personal portfolio as I feel my design skill are the suck.    &lt;/p&gt;

&lt;h3&gt;
  
  
  Link to Source Code
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/June17ang/react-personal-site"&gt;GitHub&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Permissive License
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/June17ang/react-personal-site/blob/main/LICENSE"&gt;License&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Background
&lt;/h2&gt;

&lt;p&gt;(What made you decide to build this particular app? What inspired you?)&lt;br&gt;
I learn to react through Pluralsight and youtube tutorials.&lt;br&gt;
And also get some inspirations from codepen and other platforms.&lt;/p&gt;

&lt;h3&gt;
  
  
  How I built it
&lt;/h3&gt;

&lt;p&gt;(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)&lt;br&gt;
DigitalOcean's App Platform is so awesome and I found that it helps a lot of developers to skip on deployment step and also skip BE developer and DevOps from setting up a new server, and so on. Yes, I do learn a lot of things as I didn't use DO before and I m still trying to figure out more on App Platform.&lt;/p&gt;

&lt;p&gt;1 issue that I am faced is building successful and able to access the page yesterday but now load failed&lt;/p&gt;

&lt;h3&gt;
  
  
  Additional Resources/Info
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://codepen.io/stealy/pen/zYxXpza"&gt;Night Star&lt;/a&gt;&lt;br&gt;
&lt;a href="https://material-ui.com/"&gt;Material UI&lt;/a&gt;&lt;br&gt;
&lt;a href="https://reactjs.org/"&gt;Reactjs&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.youtube.com/"&gt;YouTube&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.pluralsight.com/"&gt;Pluralsight&lt;/a&gt;&lt;/p&gt;

</description>
      <category>dohackathon</category>
    </item>
    <item>
      <title>Setup my 1st DO App</title>
      <dc:creator>Ang Chun Yee</dc:creator>
      <pubDate>Wed, 16 Dec 2020 09:20:28 +0000</pubDate>
      <link>https://dev.to/juneang5/setup-my-1st-do-app-1cnm</link>
      <guid>https://dev.to/juneang5/setup-my-1st-do-app-1cnm</guid>
      <description>&lt;p&gt;I m here to record DO setup for DO Hackathon.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/8rFgzA7aBR0aomiOMj/source.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/8rFgzA7aBR0aomiOMj/source.gif" alt="Sourced from Giphy"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now begin~~&lt;/p&gt;

&lt;p&gt;1st create an app from DO show below&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--doI2dfdk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/q3rh0gljwt3jf7n2na4p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--doI2dfdk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/q3rh0gljwt3jf7n2na4p.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Select my 1st app in github&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--U-ABt365--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/q7np514qnj2swexqu3eb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--U-ABt365--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/q7np514qnj2swexqu3eb.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
** Make sure already connected with github&lt;/p&gt;

&lt;p&gt;Config the region and branch&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jGM2b0fh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/md3wzmbt9crgcx038dkl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jGM2b0fh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/md3wzmbt9crgcx038dkl.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
I m following the standard one&lt;/p&gt;

&lt;p&gt;Setup my deployment information&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;current I m using the default setting&lt;/li&gt;
&lt;li&gt;DO app platform allow to add env variables
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--R0FC9Nx9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bxh9qdirml7igzl2imyu.png" alt="Alt Text"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;After select the server plan then start deploy&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QMDNeDkb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dndmuwghw1wlunk4goyo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QMDNeDkb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dndmuwghw1wlunk4goyo.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
~&lt;br&gt;
~&lt;br&gt;
~&lt;br&gt;
&lt;a href="https://i.giphy.com/media/xf20D8HzvTQzu/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/xf20D8HzvTQzu/giphy.gif" alt="Sourced from Giphy"&gt;&lt;/a&gt;&lt;br&gt;
~&lt;br&gt;
~&lt;br&gt;
~&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s---7UPGT0W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5v3thvp5ybbegqhfuyt0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---7UPGT0W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5v3thvp5ybbegqhfuyt0.png" alt="Finally~ 😊"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ok my first react app deployment done&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KDBTpy6Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gg05i4eipdu3k9q3wvqh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KDBTpy6Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gg05i4eipdu3k9q3wvqh.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>dohackathon</category>
      <category>beginners</category>
    </item>
    <item>
      <title>My 1st DO Hackathon</title>
      <dc:creator>Ang Chun Yee</dc:creator>
      <pubDate>Tue, 15 Dec 2020 11:41:21 +0000</pubDate>
      <link>https://dev.to/juneang5/my-1st-do-hackathon-18g5</link>
      <guid>https://dev.to/juneang5/my-1st-do-hackathon-18g5</guid>
      <description>&lt;p&gt;This is my 1st post, I will like to keep track of my 1st DO Hackathon that I m going to participating in.&lt;/p&gt;

&lt;p&gt;I am a PHP developer. I will like to learn a new language for this project. I m going to learn React and implement my 1st personal site.&lt;/p&gt;

&lt;p&gt;I m planning to study react and jest - unit test for 7 days. Cheers!!🥳&lt;/p&gt;

&lt;p&gt;OK.... I do done create DO account😅&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZFQBPiUn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/vgzur18hpkikb4x6uvt4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZFQBPiUn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/vgzur18hpkikb4x6uvt4.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZhbNBlrQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ifkwn59suuur3w0n65l1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZhbNBlrQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ifkwn59suuur3w0n65l1.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;** I better start to learn react first before start DO😒&lt;/p&gt;

</description>
      <category>firstpost</category>
      <category>beginners</category>
      <category>react</category>
      <category>dohackathon</category>
    </item>
  </channel>
</rss>
