<?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: alina mukeer</title>
    <description>The latest articles on DEV Community by alina mukeer (@alina_mukeer_d776b0f91241).</description>
    <link>https://dev.to/alina_mukeer_d776b0f91241</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%2F4156323%2F39358bb0-791e-4751-b6af-a6f3ceba5237.jpeg</url>
      <title>DEV Community: alina mukeer</title>
      <link>https://dev.to/alina_mukeer_d776b0f91241</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alina_mukeer_d776b0f91241"/>
    <language>en</language>
    <item>
      <title>She Couldn't Read Her Own Notes, So We Built Her NOTE-IT</title>
      <dc:creator>alina mukeer</dc:creator>
      <pubDate>Mon, 05 Oct 2026 06:30:49 +0000</pubDate>
      <link>https://dev.to/alina_mukeer_d776b0f91241/she-couldnt-read-her-own-notes-so-we-built-her-note-it-5aia</link>
      <guid>https://dev.to/alina_mukeer_d776b0f91241/she-couldnt-read-her-own-notes-so-we-built-her-note-it-5aia</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Notebook Nobody Can Read
&lt;/h2&gt;

&lt;p&gt;Every student knows this moment.&lt;/p&gt;

&lt;p&gt;The lecture is moving fast. The professor is three slides ahead, and you're writing as quickly as your hand allows. Words lose their vowels. Sentences lose their endings. Arrows point from one idea to another, and you promise yourself you'll remember what they mean.&lt;/p&gt;

&lt;p&gt;Two hours later, you open your notebook to revise and stare at a page that might as well be written in another language.&lt;/p&gt;

&lt;p&gt;This is our friend Surraya. She's a fourth-year psychology student, and this is her, every week, every course, every exam season.&lt;/p&gt;

&lt;p&gt;The frustrating part is that the knowledge is there. She was in the lecture. She paid attention. She wrote it all down. But by the time she sits down to study, she's spending her energy decoding her own handwriting instead of learning the material, and she's already worn out before the real studying even starts.&lt;/p&gt;

&lt;p&gt;So, to be a good friend, we built her an app.&lt;/p&gt;

&lt;p&gt;We called it NOTE-IT.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why a Generic Chatbot Wasn't the Answer
&lt;/h2&gt;

&lt;p&gt;The obvious suggestion is "just paste your notes into an AI chatbot." We thought about that, and it didn't fit Surraya for three reasons.&lt;/p&gt;

&lt;p&gt;First, lecture notes are personal. They're full of half-formed thoughts, questions, and things she doesn't understand yet. Uploading all of that to someone else's server every week isn't something she should have to do just to study.&lt;/p&gt;

&lt;p&gt;Second, a chatbot gives you a wall of text back. Psychology notes have a shape: key terms, classic studies, researchers, real-life examples, and the processes that connect them. A generic summary flattens all of that, so we built NOTE-IT around how psychology is actually studied.&lt;/p&gt;

&lt;p&gt;Third, students don't have API budgets. A tool that charges per request, or needs a subscription, isn't a tool a student will keep using.&lt;/p&gt;

&lt;p&gt;We wanted something private, free, and shaped around how studying actually works. That meant running an open model locally, on her own laptop.&lt;/p&gt;

&lt;h2&gt;
  
  
  How NOTE-IT Works
&lt;/h2&gt;

&lt;p&gt;Surraya pastes in her notes exactly as she wrote them, typos and all, and hits Generate. Everything after that happens on her laptop:&lt;/p&gt;

&lt;p&gt;Messy lecture notes (pasted in)&lt;br&gt;
                │&lt;br&gt;
                ▼&lt;br&gt;
┌───────────────────────────────────┐&lt;br&gt;
│ Gemma 3 (4B), running locally │&lt;br&gt;
│ through Ollama │&lt;br&gt;
└───────────────┬───────────────────┘&lt;br&gt;
                │&lt;br&gt;
     Reads the notes and sorts them&lt;br&gt;
     into a psychology study template&lt;br&gt;
                │&lt;br&gt;
    ┌───────────┼─────────────┬──────────────┐&lt;br&gt;
                   ▼ ▼ ▼ ▼&lt;br&gt;
         Organized Flash cards Diagram Study buddy&lt;br&gt;
         notes (flip to (Mermaid) (Tutor, Peer,&lt;br&gt;
         (template) test yourself) Examiner)&lt;/p&gt;

&lt;p&gt;Gemma does every AI step. It reads the notes and rewrites them into a template built for psychology, with key terms, important studies, and real examples each in their place.&lt;/p&gt;

&lt;p&gt;Then there's the part Surraya liked the most: a little robot study buddy. It has three modes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Tutor&lt;/strong&gt;, for when she needs something explained&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Peer&lt;/strong&gt;, for talking it through like a classmate&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Examiner&lt;/strong&gt;, for when she wants to be tested&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Whichever mode she picks, the buddy answers from her own organized notes, not from random stuff on the internet. We give Gemma her notes as context, so it stays grounded in what her professor actually taught.&lt;/p&gt;

&lt;p&gt;There are also notebook tools for working with her notes, and a calendar so she can plan her revision before exam week sneaks up on her.&lt;/p&gt;
&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/Lp3Rm6HMvpQ" width="710" height="399"&gt;
  &lt;/iframe&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdmdesivbd044fc391dy3.jpeg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdmdesivbd044fc391dy3.jpeg" alt="Messy notes in, organized notes out" width="800" height="468"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Paste messy notes, hit Generate, get organized notes in a subject template.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;![Flash cards]&lt;br&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6niv9i4mmqf3i165xehh.jpeg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6niv9i4mmqf3i165xehh.jpeg" alt=" " width="800" height="468"&gt;&lt;/a&gt;&lt;em&gt;Flash cards built from her own notes. Click to flip.&lt;/em&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbi9qwsr7psx4graece6m.jpeg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbi9qwsr7psx4graece6m.jpeg" alt="Diagram" width="800" height="367"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The key process drawn as a diagram.&lt;/em&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkwltuzoyet3tizhp9rx1.jpeg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkwltuzoyet3tizhp9rx1.jpeg" alt="Study buddy" width="800" height="369"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The robot study buddy, answering from her notes.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Putting It to the Test with Surraya
&lt;/h2&gt;

&lt;p&gt;This weekend, we handed NOTE-IT to Surraya. We deleted every saved note so she was starting from scratch, opened Ollama, and started the app.&lt;/p&gt;

&lt;p&gt;She pasted in her own psychology lecture notes and readings and hit Generate. The first run takes about 35 seconds, because Gemma is reading, sorting, and rebuilding everything right there on her laptop. We'd warned her about that, and she watched the robot while it worked.&lt;/p&gt;

&lt;p&gt;Then her notes came back, organized, and she went straight to asking the study buddy questions about what she'd written.&lt;/p&gt;

&lt;p&gt;When we asked what she thought, she said:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"I used it this weekend for my psychology lecture notes and readings and honestly I'm kinda impressed!!!!!!! It runs on my own computer, so my notes never leave it, and I can just ask questions about what I wrote without having to paste everything into some website. I also really like how it works.I ask a question and it actually finds what I mean. The interface is super clean and easy to use too. It's honestly so cool that my friends built this, and I'm really excited to see what they add next!!"&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;
  
  
  What Was Hard
&lt;/h2&gt;

&lt;p&gt;The biggest trade-off was speed. Running a model locally means a full Generate takes about 35 seconds on a normal laptop. A cloud API would be faster. But a cloud API would also mean uploading Surraya's notes, needing an account, and paying per request. For a study tool a student uses every week, we decided a short wait was worth it if her notes never leave her computer. Hearing her say "my notes never leave it" told us that was the right call.&lt;/p&gt;
&lt;h2&gt;
  
  
  Code and Running It Yourself
&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/4leena" rel="noopener noreferrer"&gt;
        4leena
      &lt;/a&gt; / &lt;a href="https://github.com/4leena/NOTE-IT" rel="noopener noreferrer"&gt;
        NOTE-IT
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Turns messy lecture notes into subject-specific study notes with diagrams and a study buddy chatbot. Runs locally with Gemma via Ollama.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;NOTE-IT&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;Paste your rough lecture notes and get back notes you can study from, a diagram, and a study buddy that quizzes you. It all runs on your own laptop with Gemma and Ollama, so you can study offline, with no tabs or notifications pulling you away.&lt;/p&gt;
&lt;p&gt;We made it for a friend who studies psychology, for the DEV Hacktoberfest Weekend Challenge ("Build for a Friend"), in the Best Use of Gemma category.&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://github.com/4leena/NOTE-IT/pictures/notes.jpeg"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2F4leena%2FNOTE-IT%2FHEAD%2Fpictures%2Fnotes.jpeg" alt="NOTE-IT showing study notes on operant conditioning, a flash card and the Study Buddy robot"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What it does&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;NOTE-IT sorts your notes into key terms, theories and researchers, key studies, evaluation, real-world examples and a short quiz. It also draws a diagram of how the ideas connect.&lt;/p&gt;
&lt;p&gt;The Study Buddy answers your questions from your own notes. It has three styles. Tutor explains things step by step. Peer talks like a friend who took the same course. Examiner asks you a question, marks your answer and tells you what you missed.&lt;/p&gt;
&lt;p&gt;If…&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/4leena/NOTE-IT" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;To run it locally:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 1. Install Ollama from ollama.com and pull the model&lt;/span&gt;
ollama pull gemma3

&lt;span class="c"&gt;# 2. Clone the repo&lt;/span&gt;
git clone https://github.com/4leena/NOTE-IT.git
&lt;span class="nb"&gt;cd &lt;/span&gt;NOTE-IT

&lt;span class="c"&gt;# 3. Start the app&lt;/span&gt;
uv run streamlit run app.py
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then open the local address Streamlit shows in your browser.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Stack:&lt;/strong&gt; Python, Streamlit, Ollama, Gemma 3 (4B), Mermaid&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Credits:&lt;/strong&gt; Built by Aleena Mukeer and Ahad Ali Baig (&lt;a class="mentioned-user" href="https://dev.to/notahead"&gt;@notahead&lt;/a&gt;). The robot mascot was drawn for this project, inspired by stock robot illustrations. Diagrams use Mermaid (MIT), icons are from Lucide (ISC), and the fonts are under the SIL Open Font License. We used Claude Code to help connect the pieces and build parts of the code, and the demo voiceover was made with ElevenLabs.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Open Innovation Matters Here
&lt;/h2&gt;

&lt;p&gt;NOTE-IT only works the way it does because Gemma is an open model.&lt;/p&gt;

&lt;p&gt;Because it runs on Surraya's laptop, her notes stay hers. There's no account, no server, and no API bill. It works on bad campus Wi-Fi, in the library basement, or on the bus home with no internet at all.&lt;/p&gt;

&lt;p&gt;And because the model and the code are open, NOTE-IT isn't finished when we stop working on it. Someone can swap in a different model, extend it to other subjects, or adapt it for their own friend who can't read their notes either.&lt;/p&gt;

&lt;h2&gt;
  
  
  Building for Someone You Know
&lt;/h2&gt;

&lt;p&gt;Building for a friend changes how you make decisions. We didn't add features because they looked impressive in a list. Every choice came back to one question: will this help Surraya actually study, instead of spending her evening trying to read her own handwriting?&lt;/p&gt;

&lt;p&gt;Her favourite part wasn't the feature we expected. It was being able to ask questions about her own notes and get answers that actually understood what she meant. That's where we want to take NOTE-IT next.&lt;/p&gt;

&lt;p&gt;If you've ever opened your notebook and not recognized your own notes, we'd love to hear how you deal with it. Drop a comment below.&lt;/p&gt;

</description>
      <category>hf26challenge</category>
      <category>devchallenge</category>
      <category>weekendchallenge</category>
      <category>gemma</category>
    </item>
  </channel>
</rss>
