<?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: Mohit Bhatia</title>
    <description>The latest articles on DEV Community by Mohit Bhatia (@techie_mohit).</description>
    <link>https://dev.to/techie_mohit</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%2F1650408%2F90f82ad1-f245-472b-b937-23a2d0f2c4a5.jpg</url>
      <title>DEV Community: Mohit Bhatia</title>
      <link>https://dev.to/techie_mohit</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/techie_mohit"/>
    <language>en</language>
    <item>
      <title>PickUp: AI Memory for Work, Study, and Everyday Tasks</title>
      <dc:creator>Mohit Bhatia</dc:creator>
      <pubDate>Sat, 28 Mar 2026 15:11:17 +0000</pubDate>
      <link>https://dev.to/techie_mohit/pickup-an-ai-powered-resume-app-with-notion-sync-3cm4</link>
      <guid>https://dev.to/techie_mohit/pickup-an-ai-powered-resume-app-with-notion-sync-3cm4</guid>
      <description>&lt;h1&gt;
  
  
  PickUp: Continue Where You Left Off with AI and Notion Memory
&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/notion-2026-03-04"&gt;Notion MCP Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built &lt;strong&gt;PickUp&lt;/strong&gt;, a context-aware productivity app that helps people return to unfinished work without losing momentum.&lt;/p&gt;

&lt;p&gt;The problem is simple: most tools are good at capture, but bad at resuming. When we come back later, we often have to rebuild context from scattered notes, half-finished tasks, and vague memory.&lt;/p&gt;

&lt;p&gt;PickUp is designed around that "resume moment."&lt;/p&gt;

&lt;p&gt;A user can create a context for anything they are working on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;studying&lt;/li&gt;
&lt;li&gt;writing&lt;/li&gt;
&lt;li&gt;coding&lt;/li&gt;
&lt;li&gt;planning&lt;/li&gt;
&lt;li&gt;cooking&lt;/li&gt;
&lt;li&gt;personal tasks&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Inside each context, PickUp keeps track of:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;recent notes&lt;/li&gt;
&lt;li&gt;important milestones&lt;/li&gt;
&lt;li&gt;current status&lt;/li&gt;
&lt;li&gt;the next best step&lt;/li&gt;
&lt;li&gt;AI-powered resume help&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So instead of starting from scratch, the user can ask:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What was I doing last time?&lt;/li&gt;
&lt;li&gt;What changed?&lt;/li&gt;
&lt;li&gt;What should I do next?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And PickUp responds using the saved context.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why This Project Matters
&lt;/h2&gt;

&lt;p&gt;Most note-taking apps help us store information.&lt;/p&gt;

&lt;p&gt;PickUp is focused on something slightly different: &lt;strong&gt;continuity&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I wanted to build a tool that helps people continue their work with less mental overhead. Instead of asking the user to remember everything themselves, the app keeps enough structured context that coming back feels easy.&lt;/p&gt;

&lt;p&gt;That makes it useful across far more than software work. It can support study sessions, cooking prep, side projects, writing drafts, planning, and everyday life admin.&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Notion MCP
&lt;/h2&gt;

&lt;p&gt;For this project, &lt;strong&gt;Notion acts as the persistent memory layer behind PickUp&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;When sync is enabled, PickUp sends structured context data into Notion so the user's progress is not trapped in one browser session.&lt;/p&gt;

&lt;p&gt;That includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;context title&lt;/li&gt;
&lt;li&gt;status&lt;/li&gt;
&lt;li&gt;notes&lt;/li&gt;
&lt;li&gt;milestones&lt;/li&gt;
&lt;li&gt;pinned next step&lt;/li&gt;
&lt;li&gt;daily recap-style progress&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is what makes the Notion integration important to the workflow rather than just a storage add-on.&lt;/p&gt;

&lt;p&gt;Notion unlocks three key things in PickUp:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Persistent context memory
&lt;/h3&gt;

&lt;p&gt;A user can come back later and still have meaningful progress saved outside the browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Structured progress tracking
&lt;/h3&gt;

&lt;p&gt;Milestones and next steps are saved in a format that is easier to review than raw chat history.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Better resume experience
&lt;/h3&gt;

&lt;p&gt;The AI can use saved context plus synced memory to help the user continue instead of reconstructing everything manually.&lt;/p&gt;

&lt;p&gt;So in PickUp, Notion is not just where data ends up.&lt;br&gt;&lt;br&gt;
It is the long-term memory system that helps the resume experience work.&lt;/p&gt;
&lt;h2&gt;
  
  
  Core Workflow
&lt;/h2&gt;

&lt;p&gt;Here's the flow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;A user creates a context&lt;/li&gt;
&lt;li&gt;They add notes as they make progress&lt;/li&gt;
&lt;li&gt;PickUp tracks milestones and the next step&lt;/li&gt;
&lt;li&gt;The user returns later and asks the AI what they were doing&lt;/li&gt;
&lt;li&gt;PickUp responds using the saved context&lt;/li&gt;
&lt;li&gt;If sync is enabled, the same context is stored in Notion for persistence and review&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;That means the app works in two modes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;local-first for instant use&lt;/li&gt;
&lt;li&gt;Notion-backed when the user wants persistence beyond the browser&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Local-first context saving&lt;/li&gt;
&lt;li&gt;AI-powered resume assistance&lt;/li&gt;
&lt;li&gt;Milestone tracking&lt;/li&gt;
&lt;li&gt;Pinned next-step guidance&lt;/li&gt;
&lt;li&gt;Search, archive, and restore&lt;/li&gt;
&lt;li&gt;Daily recap support&lt;/li&gt;
&lt;li&gt;Optional Notion sync&lt;/li&gt;
&lt;li&gt;Responsive mobile, tablet, and desktop UI&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  Video Demo
&lt;/h2&gt;

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

&lt;h2&gt;
  
  
  Live App
&lt;/h2&gt;


&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://pickup-three-rho.vercel.app/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;pickup-three-rho.vercel.app&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&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/mohit5543" rel="noopener noreferrer"&gt;
        mohit5543
      &lt;/a&gt; / &lt;a href="https://github.com/mohit5543/pickup" rel="noopener noreferrer"&gt;
        pickup
      &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;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;PickUp&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;PickUp is a local-first productivity app that helps people return to unfinished work without losing context.&lt;/p&gt;
&lt;p&gt;Whether the task is studying, cooking, planning, writing, project work, or everyday life admin, PickUp keeps the important parts of progress visible:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;what you were doing&lt;/li&gt;
&lt;li&gt;what changed&lt;/li&gt;
&lt;li&gt;which milestones mattered&lt;/li&gt;
&lt;li&gt;what to do next&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;With AI-assisted context recall and optional Notion sync, PickUp is built to feel less like a notes app and more like a reliable way to continue where you left off.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Why PickUp&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;Most tools capture information, but they do not make resuming easy. PickUp is designed around a simple question:&lt;/p&gt;
&lt;p&gt;What should someone see when they come back later and do not want to reconstruct everything from scratch?&lt;/p&gt;
&lt;p&gt;PickUp answers that with:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;saved context history&lt;/li&gt;
&lt;li&gt;milestone tracking&lt;/li&gt;
&lt;li&gt;next-step guidance&lt;/li&gt;
&lt;li&gt;AI-generated resume help&lt;/li&gt;
&lt;li&gt;optional sync to a shared Notion workspace&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Core Experience&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Local-first by default&lt;/h3&gt;

&lt;/div&gt;
&lt;p&gt;PickUp works immediately without…&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/mohit5543/pickup" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;Vite&lt;/li&gt;
&lt;li&gt;Node.js&lt;/li&gt;
&lt;li&gt;Express&lt;/li&gt;
&lt;li&gt;OpenRouter&lt;/li&gt;
&lt;li&gt;Notion API&lt;/li&gt;
&lt;li&gt;Vercel&lt;/li&gt;
&lt;li&gt;Render&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What I'm Proud Of
&lt;/h2&gt;

&lt;p&gt;What I like most about PickUp is that it feels grounded.&lt;/p&gt;

&lt;p&gt;A lot of AI tools focus on generating more output. PickUp focuses on helping the user recover context, keep momentum, and continue real work.&lt;/p&gt;

&lt;p&gt;That made Notion a strong fit for the challenge, because it works well as a structured memory layer for progress, milestones, and next steps.&lt;/p&gt;

&lt;h2&gt;
  
  
  Notes
&lt;/h2&gt;

&lt;p&gt;Because the live demo uses free-tier hosting and free AI models, the first AI response may occasionally take a little longer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Closing
&lt;/h2&gt;

&lt;p&gt;PickUp is my attempt at building a tool that feels quietly useful.&lt;/p&gt;

&lt;p&gt;Not just a place to store notes, but a system that helps you return, understand where you were, and keep going.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>notionchallenge</category>
      <category>mcp</category>
      <category>ai</category>
    </item>
    <item>
      <title>NYRCL Front-end Challenge</title>
      <dc:creator>Mohit Bhatia</dc:creator>
      <pubDate>Wed, 31 Jul 2024 10:54:07 +0000</pubDate>
      <link>https://dev.to/techie_mohit/nyrcl-2pk1</link>
      <guid>https://dev.to/techie_mohit/nyrcl-2pk1</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/frontend-2024-07-24"&gt;Frontend Challenge v24.07.24&lt;/a&gt;, Glam Up My Markup: Recreation&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;For this challenge, I recreated a visually appealing and interactive webpage to enhance my markup skills. My goal was to transform a basic design into something modern and engaging by leveraging advanced CSS techniques and responsive design principles. I focused on creating a clean, user-friendly interface that showcases the power of front-end technologies.&lt;/p&gt;

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

&lt;p&gt;You can view the &lt;a href="https://mohit5543.github.io/nyrcl/" rel="noopener noreferrer"&gt;live demo&lt;/a&gt; of my project here. Below is a screenshot of the final result:&lt;/p&gt;

&lt;p&gt;The source code is available on GitHub:&lt;a href="https://github.com/mohit5543/nyrcl.git" rel="noopener noreferrer"&gt; GitHub Repository&lt;/a&gt;.&lt;/p&gt;

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

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

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

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

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

&lt;p&gt;I made this project on my own but I am always ready for collaborations.&lt;/p&gt;

&lt;p&gt;I have embedded MIT license as a .txt file.&lt;/p&gt;

&lt;h2&gt;
  
  
  Journey &amp;amp; Process
&lt;/h2&gt;

&lt;p&gt;Research &amp;amp; Planning: I started by analyzing various modern design trends and user interfaces. I then created wireframes and mockups to outline the structure of my project.&lt;br&gt;
Development: I implemented the design using HTML, CSS, and JavaScript. I used Flexbox and Grid Layout for responsive design and incorporated animations and transitions to enhance the user experience.&lt;br&gt;
Testing &amp;amp; Refinement: After building the initial version, I tested it across different devices and browsers to ensure compatibility and performance. I made several adjustments based on feedback and testing results.&lt;/p&gt;

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

&lt;p&gt;Advanced CSS Techniques: I gained experience with CSS Grid and Flexbox, improving my ability to create complex layouts.&lt;br&gt;
Responsive Design: I learned how to build designs that adapt seamlessly to different screen sizes and devices.&lt;br&gt;
Performance Optimization: I explored methods to optimize page load times and overall performance, which is crucial for user retention.&lt;br&gt;
Proud Moments&lt;br&gt;
I’m particularly proud of the smooth animations and the responsive design. It was rewarding to see the project come together with a clean and professional look.&lt;/p&gt;

&lt;h2&gt;
  
  
  Next Steps
&lt;/h2&gt;

&lt;p&gt;I plan to explore additional front-end frameworks and tools, such as React or Vue.js, to further enhance my development skills. I’m also interested in experimenting with more advanced animations and interactions to make future projects even more engaging.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resources
&lt;/h2&gt;

&lt;p&gt;All the resources like videos are taken from pexels.com and videvo.com and gpt-40 is used in some part of the website to built it.&lt;/p&gt;

</description>
      <category>frontendchallenge</category>
      <category>javascript</category>
      <category>css</category>
      <category>devchallenge</category>
    </item>
  </channel>
</rss>
