<?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: Aliu Raheemah</title>
    <description>The latest articles on DEV Community by Aliu Raheemah (@rae_codes).</description>
    <link>https://dev.to/rae_codes</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%2F3922030%2F6b93c3c8-d365-4a29-81ca-bd2c7d55e4d0.jpg</url>
      <title>DEV Community: Aliu Raheemah</title>
      <link>https://dev.to/rae_codes</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rae_codes"/>
    <language>en</language>
    <item>
      <title>Buddy</title>
      <dc:creator>Aliu Raheemah</dc:creator>
      <pubDate>Sat, 20 Jun 2026 14:06:58 +0000</pubDate>
      <link>https://dev.to/rae_codes/buddy-22mk</link>
      <guid>https://dev.to/rae_codes/buddy-22mk</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/june-game-jam-2026-06-03"&gt;June Solstice Game Jam&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;Road Trip With Your Buddy is a trivia driving game. Your car cruises automatically down an endless road, and every couple of minutes a question pops up that you have to type the answer to before your time runs out. Get it wrong, and you lose a heart. Lose all 5 hearts, and the road fades to grayscale with a big red GAME OVER.&lt;/p&gt;

&lt;p&gt;The questions pull from a shuffled pool covering Juneteenth, civil rights and women's suffrage history, Alan Turing and computing pioneers, and World Cup soccer, tying directly into this jam's themes of Pride month, Juneteenth, and the World Cup mentioned in the challenge prompt. The goal was to make learning a bit of history feel like an arcade game instead of a quiz.&lt;/p&gt;

&lt;p&gt;🔗 Play it live: &lt;a href="https://road-buddy.netlify.app" rel="noopener noreferrer"&gt;https://road-buddy.netlify.app&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/nj9XbiYqsso"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/MasterIfeanyi" rel="noopener noreferrer"&gt;
        MasterIfeanyi
      &lt;/a&gt; / &lt;a href="https://github.com/MasterIfeanyi/road-buddy" rel="noopener noreferrer"&gt;
        road-buddy
      &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;p&gt;This is a &lt;a href="https://nextjs.org" rel="nofollow noopener noreferrer"&gt;Next.js&lt;/a&gt; project bootstrapped with &lt;a href="https://github.com/vercel/next.js/tree/canary/packages/create-next-app" rel="noopener noreferrer"&gt;&lt;code&gt;create-next-app&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Getting Started&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;First, run the development server:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;npm run dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
yarn dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
pnpm dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
bun dev&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Open &lt;a href="http://localhost:3000" rel="nofollow noopener noreferrer"&gt;http://localhost:3000&lt;/a&gt; with your browser to see the result.&lt;/p&gt;
&lt;p&gt;You can start editing the page by modifying &lt;code&gt;app/page.js&lt;/code&gt;. The page auto-updates as you edit the file.&lt;/p&gt;
&lt;p&gt;This project uses &lt;a href="https://nextjs.org/docs/app/building-your-application/optimizing/fonts" rel="nofollow noopener noreferrer"&gt;&lt;code&gt;next/font&lt;/code&gt;&lt;/a&gt; to automatically optimize and load &lt;a href="https://vercel.com/font" rel="nofollow noopener noreferrer"&gt;Geist&lt;/a&gt;, a new font family for Vercel.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Learn More&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;To learn more about Next.js, take a look at the following resources:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/docs" rel="nofollow noopener noreferrer"&gt;Next.js Documentation&lt;/a&gt; - learn about Next.js features and API.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/learn" rel="nofollow noopener noreferrer"&gt;Learn Next.js&lt;/a&gt; - an interactive Next.js tutorial.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can check out &lt;a href="https://github.com/vercel/next.js" rel="noopener noreferrer"&gt;the Next.js GitHub repository&lt;/a&gt; - your feedback and contributions are welcome!&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Deploy on Vercel&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;The easiest way to deploy your Next.js app is to use the &lt;a href="https://vercel.com/new?utm_medium=default-template&amp;amp;filter=next.js&amp;amp;utm_source=create-next-app&amp;amp;utm_campaign=create-next-app-readme" rel="nofollow noopener noreferrer"&gt;Vercel Platform&lt;/a&gt; from the creators of Next.js.&lt;/p&gt;
&lt;p&gt;Check out our &lt;a href="https://nextjs.org/docs/app/building-your-application/deploying" rel="nofollow noopener noreferrer"&gt;Next.js deployment documentation&lt;/a&gt; for more…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/MasterIfeanyi/road-buddy" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


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

&lt;p&gt;The game is built with Next.js (JavaScript, no TypeScript) and Tailwind CSS. The road and car are layered PNGs, with a CSS keyframe animation scrolling the road background to simulate forward motion without any actual physics engine.&lt;/p&gt;

&lt;p&gt;Game state (hearts, score, current question) lives in React state, with hearts and score persisted to localStorage so progress survives a page refresh. Questions are generated from small, accurate datasets combined with reusable templates rather than hardcoded one by one. For example, a single list of World Cup years, hosts, and winners generates multiple question types (host, winner, title count) instead of needing a separate handwritten question for each fact, the same approach was used for civil rights and computing history figures.&lt;/p&gt;

&lt;p&gt;A custom hook-based timer schedules the next question only after the current one is answered, avoiding the classic bug where a slow &lt;code&gt;setInterval&lt;/code&gt; causes questions to stack up back to back.&lt;/p&gt;

&lt;h2&gt;
  
  
  Prize Category
&lt;/h2&gt;

&lt;p&gt;Submitting for &lt;strong&gt;Best Ode to Alan Turing&lt;/strong&gt;. Turing trivia (the Turing Test, Enigma, the Turing machine, and his role in founding computer science) is built directly into the question pool the player encounters while driving, so honoring his legacy is part of the core gameplay loop rather than a side mention.&lt;/p&gt;

&lt;h2&gt;
  
  
  Team:
&lt;/h2&gt;

&lt;p&gt;Built by &lt;a class="mentioned-user" href="https://dev.to/rae_codes"&gt;@rae_codes&lt;/a&gt; and &lt;a class="mentioned-user" href="https://dev.to/ifeanyichima"&gt;@ifeanyichima&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>gamechallenge</category>
      <category>gamedev</category>
      <category>devchallenge</category>
    </item>
    <item>
      <title>Daily Briefing Platform</title>
      <dc:creator>Aliu Raheemah</dc:creator>
      <pubDate>Sat, 23 May 2026 19:54:06 +0000</pubDate>
      <link>https://dev.to/rae_codes/daily-briefing-platform-1hcb</link>
      <guid>https://dev.to/rae_codes/daily-briefing-platform-1hcb</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/google-gemma-2026-05-06"&gt;Gemma 4 Challenge: Build with Gemma 4&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Daily Briefing&lt;/strong&gt; is a personalized AI-powered morning dashboard that gives you everything you need to start your day, in one place. Instead of opening five different apps and tabs every morning, you open Daily Briefing and get your local weather with a season-aware tip, live stock prices with AI market commentary, top global news rewritten into clean summaries, a word of the day, a joke, a dog of the day with a breed-specific fun fact, and three historical events that happened on this exact date in history.&lt;/p&gt;

&lt;p&gt;The entire content layer of the app is generated by Gemma 4. Raw data feeds (weather, stocks, news headlines, a dog image) are fetched first, then passed to Gemma in a single prompt that produces all the human-readable content at once. Nothing the user actually reads is hardcoded or pulled from a static source.&lt;/p&gt;

&lt;p&gt;The app is also timezone-aware. It detects the user's location coordinates, maps them to their local timezone, and uses that timezone for the greeting, the date used in the AI prompt, and the historical events. A user in Lagos and a user in Tokyo get a briefing that is correct for their local date and time of day.&lt;/p&gt;

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

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/CmJCMChsXPc"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Live site: &lt;a href="https://ifeanyi-brief.netlify.app" rel="noopener noreferrer"&gt;https://ifeanyi-brief.netlify.app&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;

&lt;p&gt;Github Repo: &lt;a href="https://github.com/MasterIfeanyi/daily-briefs" rel="noopener noreferrer"&gt;https://github.com/MasterIfeanyi/daily-briefs&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Gemma 4
&lt;/h2&gt;

&lt;p&gt;We used the Gemma 4 26B MoE model (google/gemma-4-26b-a4b-it:free) accessed via OpenRouter.&lt;br&gt;
We chose the 26B Mixture-of-Experts variant specifically because of the nature of our task. Every morning, a single prompt asks the model to do several different things simultaneously: rewrite news headlines, analyze market sentiment, generate a vocabulary word with etymology, write a joke, produce breed-specific trivia about a dog, write a weather tip that accounts for the user's local season and climate, and recall three verified historical events for today's date. That is a high-breadth reasoning task, not a deep single-topic task. The MoE architecture is designed exactly for this: routing different parts of a complex prompt to specialized experts efficiently, which means we get broad, high-quality output without sacrificing speed or burning through tokens unnecessarily.&lt;br&gt;
The 128K context window also gave us confidence to pass the full raw news data array and detailed stock information directly into the prompt without worrying about truncation.&lt;/p&gt;

&lt;p&gt;Gemma 4 powers the following features directly:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;News summaries - raw headlines are rewritten into clean, readable stories&lt;/li&gt;
&lt;li&gt;Stock commentary - one sentence of market context based on live price and change data&lt;/li&gt;
&lt;li&gt;Word of the Day - a real, interesting English word with definition, part of speech, example sentence, and language origin&lt;/li&gt;
&lt;li&gt;Joke of the Day - a clean, family-friendly joke generated fresh each day&lt;/li&gt;
&lt;li&gt;Dog fun fact - a specific, surprising fact about whatever breed the dog API returned that day, not a generic placeholder&lt;/li&gt;
&lt;li&gt;Weather tip - a practical, friendly sentence about what to expect based on the user's actual location, current weather data, and the typical season for that region&lt;/li&gt;
&lt;li&gt;On This Day - three verified historical events that happened on the user's local calendar date, across different centuries and topics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All seven of these replace what would otherwise have been either separate third-party API calls or static hardcoded content. The result is a website where the core of what you read every morning is genuinely AI-generated.&lt;/p&gt;

&lt;h2&gt;
  
  
  Team:
&lt;/h2&gt;

&lt;p&gt;Built by &lt;a class="mentioned-user" href="https://dev.to/ifeanyichima"&gt;@ifeanyichima&lt;/a&gt; and &lt;a class="mentioned-user" href="https://dev.to/rae_codes"&gt;@rae_codes&lt;/a&gt;&lt;/p&gt;

</description>
      <category>gemmachallenge</category>
      <category>devchallenge</category>
      <category>gemma</category>
    </item>
  </channel>
</rss>
