<?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: Jeremy</title>
    <description>The latest articles on DEV Community by Jeremy (@jeremysltn).</description>
    <link>https://dev.to/jeremysltn</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%2F3195401%2F824602c7-7fc6-461b-bf5f-cc2525cae63f.png</url>
      <title>DEV Community: Jeremy</title>
      <link>https://dev.to/jeremysltn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jeremysltn"/>
    <language>en</language>
    <item>
      <title>Mailgorithm — Email-Based Tiny Cryptography Lessons</title>
      <dc:creator>Jeremy</dc:creator>
      <pubDate>Fri, 06 Jun 2025 09:50:09 +0000</pubDate>
      <link>https://dev.to/jeremysltn/mailgorithm-email-based-tiny-cryptography-lessons-5gln</link>
      <guid>https://dev.to/jeremysltn/mailgorithm-email-based-tiny-cryptography-lessons-5gln</guid>
      <description>&lt;p&gt;This is a submission for the &lt;a href="https://dev.to/challenges/postmark"&gt;Postmark Challenge: Inbox Innovators&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Mailgorithm&lt;/strong&gt; is an interactive email-based cryptography learning platform that transforms your inbox into a micro classroom. It delivers 12 bite-sized lessons on cryptography through engaging email exchanges using Postmark's inbound email parsing capabilities.&lt;/p&gt;

&lt;p&gt;Students learn by solving puzzles, decoding secret messages, and replying with answers, directly through email. The platform covers fundamentals from ancient Caesar ciphers to modern post-quantum cryptography, making complex security concepts accessible through gamified, hands-on learning. Each lesson builds on the previous one, and students can compete on a real-time leaderboard tracking the fastest completion times.&lt;/p&gt;

&lt;p&gt;What makes Mailgorithm truly unique is that email isn't just the delivery method, it's the entire user interface. The learning experience takes place entirely through email, making the medium perfectly match the message.&lt;/p&gt;

&lt;p&gt;Beyond education, &lt;strong&gt;Mailgorithm hints at a complete evolution of the classic newsletter system.&lt;/strong&gt; Instead of one-way broadcasts, users reply to emails, and their answers—parsed through Postmark's inbound stream trigger the next email. &lt;strong&gt;This transforms the email experience from passive reading to active participation.&lt;/strong&gt; Even more exciting, the logic can be expanded to support dozens of branching paths and email responses based on user replies, enabling personalized, interactive, and dynamic email journeys.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuo35o9i5dujlkm63lmzi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuo35o9i5dujlkm63lmzi.png" alt=" " width="720" height="590"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;The project is built using Node.js with Express for the backend API, PostgreSQL with Prisma ORM for tracking user progress, and Docker for deployment.&lt;/p&gt;

&lt;p&gt;The standout feature is the innovative use of Postmark, not just for transactional emails, but as the core interaction via inbound email parsing. Postmark webhooks validate user answers and trigger progression through the course by sending the next email.&lt;/p&gt;

&lt;p&gt;The course starts with foundational cryptographic concepts and advancing to cutting-edge topics like post-quantum cryptography. Each lesson includes historical insights, hands-on examples, and tiny interactive puzzles.&lt;/p&gt;

&lt;p&gt;Instead of a conventional web app, I opted for an email-first approach. The entire learning experience lives in your inbox: you learn by replying directly to the lessons.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>postmarkchallenge</category>
      <category>webdev</category>
      <category>api</category>
    </item>
    <item>
      <title>HYPERLOCAL — A Real-Time Disruption Q&amp;A</title>
      <dc:creator>Jeremy</dc:creator>
      <pubDate>Fri, 23 May 2025 14:28:03 +0000</pubDate>
      <link>https://dev.to/jeremysltn/hyperlocal-25a8</link>
      <guid>https://dev.to/jeremysltn/hyperlocal-25a8</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/brightdata-2025-05-07"&gt;Bright Data AI Web Access Hackathon&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;HYPERLOCAL is a Q&amp;amp;A assistant designed to provide real-time answers about local disruptions such as traffic jams, public transport issues, protests, adverse weather conditions, and/or construction work. Users can ask questions about a specific city/area, and HYPERLOCAL leverages live web data to deliver up-to-date information.&lt;/p&gt;

&lt;p&gt;The core problem it solves is the time-consuming nature of finding real-time disruption information. I'll use this tool myself because I've personally experienced this frustration when traveling. I had to check airline sites for delays then traffic reports to know what time to leave the house to avoid traffic jams/possible accidents etc.&lt;/p&gt;

&lt;p&gt;Instead of manually browsing multiple websites, users can get relevant information through a simple Q&amp;amp;A interface. This is particularly useful for commuters, travelers or even event organizers who need timely updates.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnrl6yr6scldvknoft1mg.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnrl6yr6scldvknoft1mg.gif" alt=" " width="720" height="589"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Bright Data's Infrastructure
&lt;/h2&gt;

&lt;p&gt;HYPERLOCAL integrates Bright Data's MCP server primarily to enable the AI agent to perform the four key actions outlined in the challenge:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; &lt;strong&gt;Discover&lt;/strong&gt;: When a user asks about disruptions in a specific location, the agent uses tools provided by the MCP server to find relevant web pages containing real-time information. This include latest news report, traffic alert systems, public transport agency websites, and/or social media feeds.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Access&lt;/strong&gt;: With Bright Data's Web Unlocker, the agent can navigate and access data from websites that might employ anti-bot measures, cookie banners that block content, or require complex interactions to reach the relevant information. Based on my own testing, the tool successfully retrieved complex reports from news feeds, posts on X and even informations contained in popups on interactive maps.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Extract&lt;/strong&gt;: Once relevant pages are accessed, the MCP tools help the agent extract the structured data about the found disruptions, directly in markdown.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Interact&lt;/strong&gt;: For websites that render content dynamically using JavaScript or require interactions (like the map popup I mentionned above), the MCP server enable the agent to interact with these pages as a human would.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Performance Improvements
&lt;/h2&gt;

&lt;p&gt;I can effectively explain how Bright Data's MCP server significantly enhances my app performance by acknowledging an initial misstep in the project's architecture. My early misconception was to treat the MCP server as an API. This led to a system built around form-based data retrieval, where city selection triggered the MCP data fetching, followed by database caching and display. This failed to capitalize on the "real-time" functionality inherent in MCP servers.&lt;/p&gt;

&lt;p&gt;By designing the project as a Q&amp;amp;A interface, where the agent directly uses MCP tools (as opposed to providing pre-fetched data in the system prompt like I did before), the capabilities are expanded. The agent can, based on conversational context and user input, dynamically generate its own optimized queries and select appropriate links, fully exploiting the real-time data.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>brightdatachallenge</category>
      <category>ai</category>
      <category>webdata</category>
    </item>
  </channel>
</rss>
