<?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: Dylan Molina</title>
    <description>The latest articles on DEV Community by Dylan Molina (@dylanintech).</description>
    <link>https://dev.to/dylanintech</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%2F877765%2F4e26ceb3-3407-4536-bf4d-65452dc2842d.jpeg</url>
      <title>DEV Community: Dylan Molina</title>
      <link>https://dev.to/dylanintech</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dylanintech"/>
    <language>en</language>
    <item>
      <title>how to run simulations in your browser</title>
      <dc:creator>Dylan Molina</dc:creator>
      <pubDate>Sun, 21 May 2023 14:27:59 +0000</pubDate>
      <link>https://dev.to/dylanintech/how-to-run-simulations-in-your-browser-o1d</link>
      <guid>https://dev.to/dylanintech/how-to-run-simulations-in-your-browser-o1d</guid>
      <description>&lt;p&gt;hey everyone — so i built this app that lets you spin up simulations in your browser with no code.&lt;/p&gt;

&lt;p&gt;it’s called &lt;strong&gt;simulacra labs&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;tbh it’s pretty fun + easy to use. let me show you how.&lt;/p&gt;

&lt;p&gt;first — go to the simulacra &lt;a href="https://dylanintech-hackathon-simulacra-main-gw16fg.streamlit.app/"&gt;web app&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ECSlKVSX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jcq83go1g9izwcidm5jn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ECSlKVSX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jcq83go1g9izwcidm5jn.png" alt="an image of how the simulacra web app looks when you first open it" width="800" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;next you’re gonna wanna select a simulation using the selection box above start simulation. i recommend starting with the &lt;strong&gt;double-agent&lt;/strong&gt; simulation if you want more of a hands-off experience.&lt;/p&gt;

&lt;p&gt;now just sit back and watch some cool stuff unfold!&lt;/p&gt;

&lt;p&gt;right now all of the simulations are text-based, but this will change soon.&lt;/p&gt;

&lt;p&gt;additionally — while the simulation is loading you’ll be able to view + copy the code for the agents that you’re deploying so that you get an idea of what’s going on under the hood.&lt;/p&gt;

&lt;p&gt;i plan on open-sourcing this soon.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bY_3wHPb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/by8ipduzz4jkrsmny57c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bY_3wHPb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/by8ipduzz4jkrsmny57c.png" alt="an image of the code you're shown when a simulation is loading" width="800" height="729"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;let me know what you think! i started working on this for a hackathon hosted by &lt;a href="https://twitter.com/fdotinc"&gt;founder’s inc&lt;/a&gt; a few days ago and am curious about this tech so i wanna keep hacking on it and see how it goes lol.&lt;/p&gt;

&lt;p&gt;s/o to langchain and stanford university for doing research into and providing implementations for the agents that make these simulations possible (respectively)!&lt;/p&gt;

&lt;p&gt;also — if you wanna support me and my work you can help me out by engaging with my &lt;a href="https://twitter.com/dxlantxch/status/1659976289950810113?s=20"&gt;launch tweet&lt;/a&gt;!&lt;/p&gt;




&lt;p&gt;thnx for reading!&lt;/p&gt;

&lt;p&gt;— dylan&lt;/p&gt;

</description>
      <category>ai</category>
      <category>simulation</category>
      <category>webdev</category>
      <category>python</category>
    </item>
    <item>
      <title>i built a react library for adding leaderboards to your app in minutes</title>
      <dc:creator>Dylan Molina</dc:creator>
      <pubDate>Mon, 08 May 2023 21:52:52 +0000</pubDate>
      <link>https://dev.to/dylanintech/i-built-a-react-library-for-adding-leaderboards-to-your-app-in-minutes-5fi5</link>
      <guid>https://dev.to/dylanintech/i-built-a-react-library-for-adding-leaderboards-to-your-app-in-minutes-5fi5</guid>
      <description>&lt;p&gt;yo, what's up 👋&lt;/p&gt;

&lt;p&gt;i'm dylan - a high school senior and a software builder.&lt;/p&gt;

&lt;p&gt;in the last two days i've built the first version of &lt;a href="https://www.myflywheel.app/"&gt;flywheel&lt;/a&gt; - a react library with one component (for now) - a dynamic leaderboard that’s hooked up to your app’s data and ranks items the way you want them to be ranked.&lt;/p&gt;

&lt;p&gt;i made a quick demo of me going from &lt;code&gt;create-react-app&lt;/code&gt; to a fully working leaderboard in 4 minutes lol: &lt;/p&gt;


&lt;div&gt;
  &lt;iframe src="https://loom.com/embed/97547d8f94c44989aebca0be8af71200"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;





&lt;p&gt;how i got here is a pretty long story lol. here's a quick TL;DR if you're interested&lt;/p&gt;

&lt;p&gt;i built + launched the original version of flywheel at a hackathon in san francisco on february 1st.&lt;/p&gt;

&lt;p&gt;it used to be a platform where founders could join a leaderboard w/ their founder friends based on their number of users - but then game devs and community builders started asking me to build leaderboards for them lol.&lt;/p&gt;

&lt;p&gt;the more i thought about it and the more people i talked to the more i realized that adding leaderboards to your app can be a real pain - especially if you need it fast for a small project or a hackathon. i esp felt this pain since i was building the leaderboard manually for the original product.&lt;/p&gt;

&lt;p&gt;so i built a web app where you could fill out a couple of inputs and get a link to a leaderboard you could share with your users/players/friends for them to join.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;but users wanted more control.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;they wanted to not only embed the leaderboards in their frontends but to have more granular access to the columns + props that the leaderboard used.&lt;/p&gt;

&lt;p&gt;so i shipped this!&lt;/p&gt;




&lt;p&gt;the library is fully &lt;a href="https://github.com/dylanintech/flywheel-leaderboard"&gt;open-source&lt;/a&gt; btw.&lt;/p&gt;

&lt;p&gt;also s/o to tremor and tailwind - i'm using them for the skeleton + styling of the leaderboard cards (for now).&lt;/p&gt;

&lt;p&gt;lmk what you think!&lt;/p&gt;

&lt;p&gt;i'm working w/ a couple co's to test the components w/ their data and am gonna be iterating quickly. this is just &lt;code&gt;v0.0.9&lt;/code&gt;!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;p.s. i also wrote up some docs in case you're looking for a more technical dive into flywheel :)&lt;/strong&gt;&lt;/p&gt;




&lt;p&gt;&lt;em&gt;written with ❤️ and 🍵 by &lt;a href="https://twitter.com/dxlantxch"&gt;dylan&lt;/a&gt; (a fellow dev)&lt;/em&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>npm</category>
      <category>tailwindcss</category>
    </item>
  </channel>
</rss>
