<?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: Emmanuel Nsikan-david</title>
    <description>The latest articles on DEV Community by Emmanuel Nsikan-david (@emmanuel_nsikandavid_ab5).</description>
    <link>https://dev.to/emmanuel_nsikandavid_ab5</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3955039%2F1c420c12-7fce-4a4d-be85-1908d8b68bc3.png</url>
      <title>DEV Community: Emmanuel Nsikan-david</title>
      <link>https://dev.to/emmanuel_nsikandavid_ab5</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/emmanuel_nsikandavid_ab5"/>
    <language>en</language>
    <item>
      <title>Ruta : Your Guide to Learning fast with AI</title>
      <dc:creator>Emmanuel Nsikan-david</dc:creator>
      <pubDate>Wed, 03 Jun 2026 13:43:38 +0000</pubDate>
      <link>https://dev.to/emmanuel_nsikandavid_ab5/ruta-your-guide-to-learning-fast-with-ai-1d91</link>
      <guid>https://dev.to/emmanuel_nsikandavid_ab5/ruta-your-guide-to-learning-fast-with-ai-1d91</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-05-21"&gt;GitHub Finish-Up-A-Thon Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;For my Github Finish-Up-A-Thon project, I worked on Ruta.&lt;br&gt;
Ruta was a hackathon project I built for the bless network hackathon about a year ago. It was nice but was missing alot of important features.&lt;br&gt;
Here's a breif overview of how it works; Ruta is a web application that provides guides for users to learn any skills e.g You can type : "I want to learn how to play the guitar" and Ruta will generate a 30-day roadmap that teaches you how to play the guitar from a beginner level beginner to advanced.&lt;/p&gt;

&lt;p&gt;Additional Features : &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Exporting your roadmap as a PDF&lt;/li&gt;
&lt;li&gt;Video tutorials to learn each topic&lt;/li&gt;
&lt;li&gt;Web articles to learn more about each topic&lt;/li&gt;
&lt;li&gt;Exporting your roadmap as a .ics file which can be applied to your calendar app &lt;/li&gt;
&lt;li&gt;Viewing your roadmap in a node-view&lt;/li&gt;
&lt;li&gt;Sharing your roadmap to the community by making it public&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;Link : &lt;a href="https://ruta-one.vercel.app" rel="noopener noreferrer"&gt;https://ruta-one.vercel.app&lt;/a&gt;&lt;br&gt;
Github Repository : &lt;a href="https://github.com/Daviddix/Ruta" rel="noopener noreferrer"&gt;https://github.com/Daviddix/Ruta&lt;/a&gt;&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%2Fqy1awpmiqlqz4ui63ilp.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%2Fqy1awpmiqlqz4ui63ilp.png" alt=" " width="800" height="411"&gt;&lt;/a&gt;&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%2Fzblc84gg1cyrdbjv29p8.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%2Fzblc84gg1cyrdbjv29p8.png" alt=" " width="800" height="407"&gt;&lt;/a&gt;&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%2F921zwe9424zrzum2b1lq.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%2F921zwe9424zrzum2b1lq.png" alt=" " width="800" height="405"&gt;&lt;/a&gt;&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%2F87pc8fr3m7ioqymup24c.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%2F87pc8fr3m7ioqymup24c.png" alt=" " width="800" height="407"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Comeback Story
&lt;/h2&gt;

&lt;p&gt;Before the updates, Ruta was a single page web app, no landing page, no authentication, no community feature. Just a screen where users enter what they want to learn and they get a roadmap generated on the right. &lt;/p&gt;

&lt;p&gt;Now, Ruta has been updated with the help of Github copilot with these features : &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Authentication : Signup &amp;amp; Login&lt;/li&gt;
&lt;li&gt;A community feature&lt;/li&gt;
&lt;li&gt;A beautifully styled landing page &lt;/li&gt;
&lt;li&gt;Roadmap Sharing( visibility can be public or private )&lt;/li&gt;
&lt;li&gt;.isc file for calendar integration &lt;/li&gt;
&lt;li&gt;Feature tracking with a Changelog( updated via a git pre push hook ) &lt;/li&gt;
&lt;li&gt;Security Audit &amp;amp; Update( I initially used some unsafe features when initially creating it and copilot helped me fix them )&lt;/li&gt;
&lt;li&gt;Codebase Architecture documentation( for anyone reading the code or incase I need to update the roadmap in the future )&lt;/li&gt;
&lt;li&gt;Readme.md generation &lt;/li&gt;
&lt;/ul&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%2Fzhvybvrb6fbkz2b3fsv4.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%2Fzhvybvrb6fbkz2b3fsv4.png" alt=" " width="800" height="787"&gt;&lt;/a&gt;&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%2F674j0sda2afax25yhyuc.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%2F674j0sda2afax25yhyuc.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot
&lt;/h2&gt;

&lt;p&gt;I used Github mainly as a helper because AI tools like github copilot are powerful but they require some steering in the right direction and this is why having domain level expertise would really help with AI assisted development. &lt;/p&gt;

&lt;p&gt;e.g When creating a new page for Ruta, if I just told Github copilot to create the page, It would create it but the page would look different when compared to other pages and the fix for this was to tell Copilot to use the existing CSS styles I previously wrote as a guideline to create the new page and when I do this, the styling and the look of the generated page becomes coherent with the previous styling&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
    </item>
  </channel>
</rss>
