<?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: JamDon2</title>
    <description>The latest articles on DEV Community by JamDon2 (@jamdon2).</description>
    <link>https://dev.to/jamdon2</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%2F855086%2F89e2a47a-172d-45fa-a8ff-db8f4b3e4f8c.png</url>
      <title>DEV Community: JamDon2</title>
      <link>https://dev.to/jamdon2</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jamdon2"/>
    <language>en</language>
    <item>
      <title>Recipe Together</title>
      <dc:creator>JamDon2</dc:creator>
      <pubDate>Mon, 29 Aug 2022 22:31:59 +0000</pubDate>
      <link>https://dev.to/jamdon2/recipe-together-49j</link>
      <guid>https://dev.to/jamdon2/recipe-together-49j</guid>
      <description>&lt;h3&gt;
  
  
  Overview of My Submission
&lt;/h3&gt;

&lt;p&gt;This is an app that allows you to build recipes one ingredient at a time. 5 people join a session, and each person selects one ingredient that they deem fit for the meal type.&lt;br&gt;
Built using TypeScript, Express.js, and React&lt;/p&gt;
&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;Wacky Wildcards&lt;/p&gt;
&lt;h3&gt;
  
  
  Language Used
&lt;/h3&gt;

&lt;p&gt;TypeScript&lt;/p&gt;
&lt;h3&gt;
  
  
  Link to Code
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/JamDon2"&gt;
        JamDon2
      &lt;/a&gt; / &lt;a href="https://github.com/JamDon2/recipe-together"&gt;
        recipe-together
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
Recipe Together&lt;/h1&gt;
&lt;p&gt;An app that allows random people to create recipes together, not knowing what ingredients the others add.&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/25279396/187299771-27110bb2-ff2d-434f-8d35-8ecdeacd04c0.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SJTCBf8p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/25279396/187299771-27110bb2-ff2d-434f-8d35-8ecdeacd04c0.png" alt="FVqxArKAcA"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
How it works&lt;/h2&gt;
&lt;h3&gt;
How the data is stored:&lt;/h3&gt;
&lt;p&gt;Recipes or rooms are stored using RedisJSON and RedisOM.&lt;/p&gt;
&lt;h3&gt;
How the data is accessed:&lt;/h3&gt;
&lt;p&gt;Data is accessed using an index built at startup.&lt;/p&gt;
&lt;h3&gt;
Prerequisites&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Node.js 16.17.0 LTS&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
How to run it locally?&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Clone the repository&lt;/li&gt;
&lt;li&gt;Open two terminals, one in the backend folder, and one in the frontend folder&lt;/li&gt;
&lt;li&gt;Run &lt;code&gt;npm install&lt;/code&gt; in both terminals&lt;/li&gt;
&lt;li&gt;Make a &lt;code&gt;.env&lt;/code&gt; file in the backend folder with the following contents (Make sure to replace the value with your own)
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;REDIS_URL=[YOUR REDIS CONNECT STRING]
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;Import &lt;code&gt;example/ingredients.json&lt;/code&gt; into your Redis database at &lt;code&gt;ingredients&lt;/code&gt; path&lt;/li&gt;
&lt;li&gt;To start the frontend, run &lt;code&gt;npm start&lt;/code&gt; in the frontend terminal&lt;/li&gt;
&lt;li&gt;For the backend, run &lt;code&gt;npm run watch&lt;/code&gt; in the backend terminal&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
Building&lt;/h3&gt;
&lt;p&gt;Frontend&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Run &lt;code&gt;npm run build&lt;/code&gt; in the frontend terminal&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Backend&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Run…&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/JamDon2/recipe-together"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;





&lt;ul&gt;
&lt;li&gt;&lt;em&gt;Check out &lt;a href="https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries"&gt;Redis OM&lt;/a&gt;, client libraries for working with Redis as a multi-model database.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Use &lt;a href="https://redis.info/redisinsight"&gt;RedisInsight&lt;/a&gt; to visualize your data in Redis.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Sign up for a &lt;a href="https://redis.info/try-free-dev-to"&gt;free Redis database&lt;/a&gt;.&lt;/em&gt;&lt;/li&gt;
&lt;/ul&gt;

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