<?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>Forem: Jaakko Tepponen</title>
    <description>The latest articles on Forem by Jaakko Tepponen (@jakate).</description>
    <link>https://forem.com/jakate</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%2F375129%2F736eb460-d21d-4bc3-beb7-903f164a9b06.jpg</url>
      <title>Forem: Jaakko Tepponen</title>
      <link>https://forem.com/jakate</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/jakate"/>
    <language>en</language>
    <item>
      <title>Secret Santa</title>
      <dc:creator>Jaakko Tepponen</dc:creator>
      <pubDate>Wed, 29 Apr 2020 06:56:23 +0000</pubDate>
      <link>https://forem.com/jakate/secret-santa-33fk</link>
      <guid>https://forem.com/jakate/secret-santa-33fk</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JCPS_ltr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/zzm45po7jgu146nujgks.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JCPS_ltr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/zzm45po7jgu146nujgks.png" alt="Alt Text" width="346" height="367"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The "problem" I'm solving here:
&lt;/h2&gt;

&lt;p&gt;You and your friends want to do the secret santa this christmas and you need a way to randomly pick secret santas for each in the group.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;User goes to the website.&lt;/li&gt;
&lt;li&gt;&lt;del&gt;(Register)&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;Fill in the info of your friends (Name &amp;amp; Phone number)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Once you've added all of your friends, the system will randomize who gets who as the secret santa. It will then &lt;del&gt;send sms&lt;/del&gt; make a phone call to each person in the group telling them who is their "target".&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;Unfortunately there's no available phone numbers with SMS for Finland in Twilio. So I switched to phone calls instead. Also dropped the registration part here.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;This way no one will know each others target. You only know what you need to know. This way also the "organiser" can participate, because they don't need to be the one that knows all the info.&lt;/p&gt;

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

&lt;h2&gt;
  
  
  Category Submission: Exciting X-Factors
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Demo
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;Please don't bug your friends with this. If you want to try it, you can add one real number (yours) and for the rest, add: +358012345678.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://secret-santa-bfeba.web.app/"&gt;https://secret-santa-bfeba.web.app/&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Code
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/jakate/secret-santa"&gt;https://github.com/jakate/secret-santa&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;Stack was pretty much:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Firebase (Hosting &amp;amp; Functions)&lt;/li&gt;
&lt;li&gt;Twilio call API&lt;/li&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>twiliohackathon</category>
    </item>
  </channel>
</rss>
