<?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: Eduardo Villalpando Mello</title>
    <description>The latest articles on DEV Community by Eduardo Villalpando Mello (@edvilme).</description>
    <link>https://dev.to/edvilme</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%2F682142%2Fec88c039-698c-4981-af33-c71e46f0f1f1.jpeg</url>
      <title>DEV Community: Eduardo Villalpando Mello</title>
      <link>https://dev.to/edvilme</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/edvilme"/>
    <language>en</language>
    <item>
      <title>Introducing pi-chat.ml, looking for contributors.</title>
      <dc:creator>Eduardo Villalpando Mello</dc:creator>
      <pubDate>Mon, 05 Sep 2022 23:18:53 +0000</pubDate>
      <link>https://dev.to/edvilme/introducing-pi-chatml-looking-for-contributors-caa</link>
      <guid>https://dev.to/edvilme/introducing-pi-chatml-looking-for-contributors-caa</guid>
      <description>&lt;p&gt;Hello, I started this project as part of a Hackathon (&lt;a href="https://builderhacks2.devpost.com"&gt;BuilderHacks S2&lt;/a&gt;) and would like sharing it with you.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://pi-chat.ml"&gt;πChat&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  The project
&lt;/h1&gt;

&lt;p&gt;The basic idea is developing chatrooms that allow friends to study together by submitting questions with a ML model in the backend verifying the answers. The latter is important because oftenly, answers are checked like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gAI1YtJe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzp5zqkot6ks47llxeba.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gAI1YtJe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzp5zqkot6ks47llxeba.png" alt="Computers are usually dumb when checking answers" width="880" height="401"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;NLP and other technologies like CAS are used to &lt;strong&gt;smartly&lt;/strong&gt; grade submissions like so:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J8BgwACb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bq12bo3otite6xcrxb0p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J8BgwACb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bq12bo3otite6xcrxb0p.png" alt="They should check what the user meant, not what they typed exactly" width="880" height="470"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Grading questions
&lt;/h2&gt;

&lt;p&gt;Hence, several techniques are used to verify answers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Text strict&lt;/strong&gt;: As you might expect, verifies that expected answer and submission match &lt;em&gt;exactly&lt;/em&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Text medium&lt;/strong&gt;: Transforms to lowercase and strips away punctuation (and parentheses, apostrophes, etc) to verify that expected answer and submission match &lt;em&gt;loosely&lt;/em&gt;.&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Text similarity&lt;/strong&gt;: Uses NLP (Though spacy) to verify that the similarity score for answer and submission is above 0.8&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Scalar&lt;/strong&gt;: Uses quantulum3 to identify scalars with unit and number and verify the answer matches submission (e.g., 10 cm = 10.0 centimeters)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Math&lt;/strong&gt;: Uses CAS to make sure mathematical expressions match. (e.g., "(x*x)/2" == "0.5*x^2")&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ys8jG-Ci--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n1bidl0rxlsuthpewafr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ys8jG-Ci--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n1bidl0rxlsuthpewafr.png" alt="Visual description of the above" width="880" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Other features
&lt;/h2&gt;

&lt;p&gt;Additionally other features include KaTeX support, a drawing canvas and chatroom generation. &lt;/p&gt;

&lt;h1&gt;
  
  
  In the future
&lt;/h1&gt;

&lt;p&gt;I developed the project in under two days as part of the hackathon but I intend to take it even further in the future, solving many bugs (and there are many) as well as integrating new features. I am open to feedback as well as working together with other people to make it happen. &lt;/p&gt;

&lt;h1&gt;
  
  
  Technologies used
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Frontend: React&lt;/li&gt;
&lt;li&gt;Frontend (real time communication): hop.io&lt;/li&gt;
&lt;li&gt;Backend: Python&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Please let me know if you have any feedback and if you'd be interested in participating. &lt;/p&gt;

&lt;p&gt;Devpost submission with more info: &lt;a href="https://devpost.com/software/chat-edgwsa?ref_content=my-projects-tab&amp;amp;ref_feature=my_projects"&gt;https://devpost.com/software/chat-edgwsa?ref_content=my-projects-tab&amp;amp;ref_feature=my_projects&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>contributorswanted</category>
      <category>react</category>
      <category>python</category>
    </item>
    <item>
      <title>Introducing animated-web-components</title>
      <dc:creator>Eduardo Villalpando Mello</dc:creator>
      <pubDate>Sun, 08 Aug 2021 05:40:33 +0000</pubDate>
      <link>https://dev.to/edvilme/introducing-animated-web-components-1j5k</link>
      <guid>https://dev.to/edvilme/introducing-animated-web-components-1j5k</guid>
      <description>&lt;h2&gt;
  
  
  TL;DR
&lt;/h2&gt;

&lt;p&gt;Hello! I have recently began developing a library that uses web-components to wrap content and provide several basic animations. I am very excited and have big plans for the future, as I believe a lot of people can benefit from this. &lt;/p&gt;

&lt;p&gt;This is my first time doing a project of this kind, and I would like to grow a community around it, where other people can share their ideas and help me grow the project.&lt;/p&gt;

&lt;p&gt;If you're interested, please check it out &lt;a href="https://github.com/edvilme/animated-web-components"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Any type of feedback, comments and everything is greatly appreciated :D&lt;/p&gt;

&lt;h2&gt;
  
  
  A little backstory
&lt;/h2&gt;

&lt;p&gt;Before the pandemic, I would often make my girlfriend (yup, I defied the programmer nature lol) hand-made popup greeting cards. I have always enjoyed the process of creating (be it programming, design and even origami), so I have a great time doing them. My girlfriend really likes them as well. &lt;/p&gt;

&lt;p&gt;However, when the pandemic started, it became increasingly more difficult for us to see each other often. While I could make a physical card and ship it to her house, I wanted to challenge myself into doing something different (I also find constantly receiving packages can become annoying, even if in good faith).&lt;/p&gt;

&lt;p&gt;I decided to web versions of such cards, making them as dynamic and animated as possible. I have done a few, and each time I have had to "reinvent the wheel" by reimplementing, debugging and improving simple functionality (e.g., a simple typing animation can be more challenging than it seems. Think Regex challenging). &lt;/p&gt;

&lt;p&gt;I read about web-components and how they make it &lt;em&gt;super&lt;/em&gt; easy to implement new functionlity. I thought there should be a way to implement such animations with such ease,&lt;br&gt;
So I created one. &lt;/p&gt;

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