<?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: Patricia Ramos</title>
    <description>The latest articles on DEV Community by Patricia Ramos (@patricia_ramos_80cd5e115e).</description>
    <link>https://dev.to/patricia_ramos_80cd5e115e</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%2F2723854%2F168acf64-d6a4-43c1-8308-5469deadd2d6.jpg</url>
      <title>DEV Community: Patricia Ramos</title>
      <link>https://dev.to/patricia_ramos_80cd5e115e</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/patricia_ramos_80cd5e115e"/>
    <language>en</language>
    <item>
      <title>DevPath CLI: Your Smart Learning Assistant Powered By Amazon Q Developer</title>
      <dc:creator>Patricia Ramos</dc:creator>
      <pubDate>Mon, 12 May 2025 05:26:41 +0000</pubDate>
      <link>https://dev.to/patricia_ramos_80cd5e115e/devpath-cli-your-smart-learning-assistant-powered-by-amazon-q-414m</link>
      <guid>https://dev.to/patricia_ramos_80cd5e115e/devpath-cli-your-smart-learning-assistant-powered-by-amazon-q-414m</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/aws-amazon-q-v2025-04-30"&gt;Amazon Q Developer "Quack The Code" Challenge&lt;/a&gt;: Crushing the Command Line&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  A weekend build, a lifelong learning companion.
&lt;/h2&gt;

&lt;p&gt;Learning to be a developer is difficult and doing it on your own is even more so. It's not just the isolation, but also the overwhelming number of resources, the constant uncertainty about what to learn next, falling into the tutorial trap, and the frustration when what you learn doesn't fully connect with real-world projects.&lt;/p&gt;

&lt;p&gt;You build in the dark, without expert guidance or user feedback, and it's easy to feel lost.&lt;/p&gt;

&lt;p&gt;That's why I set out to create DevPath CLI, a tool that would support me (and hopefully others one day) in my own learning process. I wanted something that connected what I was building with what I should be learning, and that would help me understand what I needed to improve to keep growing.&lt;/p&gt;




&lt;h2&gt;
  
  
  Built with Amazon Q CLI
&lt;/h2&gt;

&lt;p&gt;I saw this challenge as the perfect opportunity to bring my idea to life, and I couldn't have asked for a better teammate than &lt;strong&gt;Amazon Q CLI&lt;/strong&gt;. It was the first time I built a complete tool directly from the terminal, and honestly, I had a blast. Goodbye IDE, hello terminal life!&lt;/p&gt;

&lt;p&gt;From my very first prompt, Amazon Q understood my vision. While the fisrt output wasn’t perfect, it was pretty close; and for me, it was love at first sight!&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%2F8ll784amx1z8yb6hmy5k.jpg" 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%2F8ll784amx1z8yb6hmy5k.jpg" alt="My first prompt" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I honestly don’t think I could’ve pulled this off in just one weekend without Amazon Q right there in my terminal. It saved me hours I would’ve spent Googling, prompting different LLMs, or just getting stuck.&lt;/p&gt;

&lt;h3&gt;
  
  
  Here's how Amazon Q CLI made a difference:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Basic Setup&lt;/strong&gt;: It implemented the core architecture using &lt;strong&gt;Node.js&lt;/strong&gt; and &lt;strong&gt;Commander.js&lt;/strong&gt; exactly as described in my prompt, getting me up and running quickly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Debugging Assistant&lt;/strong&gt;: When things broke (and they broke a lot!), Amazon Q was there to help me troubleshoot and explain them clearly right in the terminal.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Documentation&lt;/strong&gt;: Amazon Q generated a clear README template I could customize quickly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CLI-themed banner mockup&lt;/strong&gt;: Amazon Q even helped me whip up a slick text-based CLI banner for this presentation — how cool is that?&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;Check out the &lt;a href="https://github.com/sandyFit/devpath-cli.git" rel="noopener noreferrer"&gt;DevPath CLI repository&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is DevPath CLI?
&lt;/h2&gt;

&lt;p&gt;DevPath CLI is a lightweight learning assistant that runs right in your terminal. It helps developers analyze projects, understand codebases, and access curated resources tailored to their current stack and skill level.&lt;/p&gt;

&lt;p&gt;Due to time constraints (just this weekend!), I kept the first version simple, and rule based. No AI magic yet. But it's a powerful proof of concept that I will keep using and building on.&lt;/p&gt;

&lt;h2&gt;
  
  
  Core Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. &lt;strong&gt;Project Analysis&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Tech Stack Detection&lt;/strong&gt;: Automatically identifies languages, frameworks, and tools used in your project.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Code Quality Tips&lt;/strong&gt;: Highlights best practices and areas for improvement.&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%2Fe4h9coglf9x5csqwzeoq.jpg" 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%2Fe4h9coglf9x5csqwzeoq.jpg" alt="code analyzer" width="800" height="455"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. &lt;strong&gt;Code Explanation&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;File Breakdown&lt;/strong&gt;: Explains the role and purpose of each file.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Component Analysis&lt;/strong&gt;: Describes how different parts of the codebase interact.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Detail Levels&lt;/strong&gt;: Choose between basic, intermediate, or advanced explanations depending on your experience.&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%2F5k3elrfv61z4b4d3o4fg.jpg" 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%2F5k3elrfv61z4b4d3o4fg.jpg" alt="file explanation" width="800" height="309"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  3. &lt;strong&gt;Learning Resources&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Smart Recommendations&lt;/strong&gt;: Suggests tutorials, docs, and articles based on your project’s tech.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AWS Integration&lt;/strong&gt;: Recommends AWS-specific learning paths and best practices.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactive Learning Mode&lt;/strong&gt;: Offers guided sessions, quizzes, and exercises.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Difficulty Filtering&lt;/strong&gt;: Filter resources by skill level — beginner to advanced.&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%2Fxns60q3po1nbvf8c6nht.jpg" 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%2Fxns60q3po1nbvf8c6nht.jpg" alt="interactive learning" width="800" height="383"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  4. &lt;strong&gt;Database Insights&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;MongoDB/Mongoose Detection&lt;/strong&gt;: Identifies database connection files and schemas.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Config Analysis&lt;/strong&gt;: Understands how your DB is set up.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Targeted Learning&lt;/strong&gt;: Provides database-specific resources and best practices.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Future Roadmap
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Integrate LLMs for intelligent, context-aware code reviews&lt;/li&gt;
&lt;li&gt;Build a curated, ever-growing resource library&lt;/li&gt;
&lt;li&gt;Create a visual web interface for recommendations and progress tracking&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;Watch &lt;a href="https://youtu.be/65dsuWXKFJg" rel="noopener noreferrer"&gt;DevPath CLI&lt;/a&gt; demo in action&lt;/p&gt;




&lt;p&gt;Thanks for checking out DevPath CLI, just the beginning of something I hope can grow into a powerful companion for self-taught developers. Have ideas for features or improvements? I’d love to hear them — drop your suggestions in the comments!&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Teaming up with Amazon Q CLI was an awesome experience, from laying down the base architecture of my project to helping me debug, document and even generate a CLI banner that perfectly captured my vision.&lt;br&gt;
It’s been a true time-saver and a powerful partner I’ll keep relying on as I grow on this journey. &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>awschallenge</category>
      <category>ai</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Timezone Buddy: Easy Meeting Scheduling App with KendoReact</title>
      <dc:creator>Patricia Ramos</dc:creator>
      <pubDate>Mon, 24 Mar 2025 06:49:37 +0000</pubDate>
      <link>https://dev.to/patricia_ramos_80cd5e115e/timezone-buddy-easy-meeting-scheduling-app-with-kendoreact-59oo</link>
      <guid>https://dev.to/patricia_ramos_80cd5e115e/timezone-buddy-easy-meeting-scheduling-app-with-kendoreact-59oo</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/kendoreact"&gt;KendoReact Free Components Challenge&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I developed &lt;a href="https://timezonebuddy.vercel.app/" rel="noopener noreferrer"&gt;Timezone Buddy&lt;/a&gt; an app that simplifies scheduling meetings for teams. The app includes a sidebar with easy navigation to key sections such as Dashboard, Team Members, and Meeting Planner. Users can view team members' availability and schedule meetings with a few clicks.&lt;/p&gt;

&lt;h3&gt;
  
  
  Demo
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Demo&lt;/strong&gt;: &lt;a href="https://timezonebuddy.vercel.app/" rel="noopener noreferrer"&gt;Timezone Buddy&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GitHub&lt;/strong&gt;: &lt;a href="https://github.com/sandyFit/timezonebuddy.git" rel="noopener noreferrer"&gt;Source Code&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  KendoReact Experience
&lt;/h3&gt;

&lt;p&gt;Adding polished, functional UI components with KendoReact was quick and fun, without sacrificing design quality or performance.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Timezone Buddy&lt;/strong&gt; uses the following KendoReact components to enhance the user experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Button&lt;/strong&gt;: For key interactions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ButtonGroup&lt;/strong&gt;: Groups related actions together for clarity.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PanelBar&lt;/strong&gt;: Sidebar navigation for easy access to different sections.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Notifications&lt;/strong&gt;: Displays messages for user feedback.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dropdown&lt;/strong&gt;: Selects meeting types, team members, and priorities.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Card&lt;/strong&gt;: Displays timezones info in a clean layout.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dialog&lt;/strong&gt;: Confirms actions like deleting or creating meetings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Svg Icons&lt;/strong&gt;: Adds visual clarity to navigation and actions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Avatar&lt;/strong&gt;: Shows user profile pictures and team info.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;DateTimePicker&lt;/strong&gt;: Allows users to pick dates and times for meetings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Panel&lt;/strong&gt;: Organizes content into collapsible sections.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Badge&lt;/strong&gt;: Highlights important meeting statuses and actions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pager&lt;/strong&gt;: For pagination.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Form&lt;/strong&gt;: Structured input for scheduling and managing meetings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Grid&lt;/strong&gt;: Displays meeting data in a table with sorting and filtering.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Charts&lt;/strong&gt;: Visualizes meeting statistics and trends. &lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Below are screenshots showcasing the application:&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.amazonaws.com%2Fuploads%2Farticles%2Fwlntxaqevsltclyr1ikj.jpg" 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%2Fwlntxaqevsltclyr1ikj.jpg" alt="landing page" width="800" height="375"&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%2Flj47nvsq48ekyjr0wj8s.jpg" 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%2Flj47nvsq48ekyjr0wj8s.jpg" alt="dashboard home" width="800" height="383"&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%2F9fy1vrtaj2xj50qdlttx.jpg" 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%2F9fy1vrtaj2xj50qdlttx.jpg" alt="AI mock suggestions" width="800" height="391"&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%2Flvq66rthje93kakmwx51.jpg" 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%2Flvq66rthje93kakmwx51.jpg" alt="team members form" width="800" height="384"&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%2Fnaz5s8vgnvk3z2rg4pdm.jpg" 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%2Fnaz5s8vgnvk3z2rg4pdm.jpg" alt="meeting confirmation" width="800" height="383"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>kendoreactchallenge</category>
      <category>react</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
