<?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>Forem: Daniela Lara | Web Developer </title>
    <description>The latest articles on Forem by Daniela Lara | Web Developer  (@laraveldev).</description>
    <link>https://forem.com/laraveldev</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%2F2684011%2Fd5fba392-0f00-4aaf-9000-505046dd22bd.jpeg</url>
      <title>Forem: Daniela Lara | Web Developer </title>
      <link>https://forem.com/laraveldev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/laraveldev"/>
    <language>en</language>
    <item>
      <title>Github Copilot Challenge: Hatch - Grow Habits, Hatch a Better You</title>
      <dc:creator>Daniela Lara | Web Developer </dc:creator>
      <pubDate>Mon, 20 Jan 2025 04:33:22 +0000</pubDate>
      <link>https://forem.com/laraveldev/github-copilot-challenge-hatch-grow-habits-hatch-a-better-you-4a4g</link>
      <guid>https://forem.com/laraveldev/github-copilot-challenge-hatch-grow-habits-hatch-a-better-you-4a4g</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github"&gt;GitHub Copilot Challenge &lt;/a&gt;: Transitions and Transformations&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;Our app is designed to help users track their habits in a fun and motivating way. The core idea is that as users consistently follow their habits, a chick begins to grow, eventually transforming into a full-grown hen. This metaphorical representation of growth serves as a visual reminder of the progress made.&lt;/p&gt;

&lt;p&gt;In addition to tracking habits, the app allows users to record how they feel each day. Whether they are feeling joyful, neutral, or angry, the app captures this emotional input and offers personalized motivational messages. These messages are intended to encourage users to keep up with their habits, fostering a positive reinforcement loop.&lt;/p&gt;

&lt;p&gt;With an intuitive interface and simple tracking system, the app is perfect for anyone looking to improve their daily routines while enjoying a rewarding and supportive experience. The visual representation of the chick growing provides both a sense of accomplishment and a fun incentive to stick with good habits.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://lara-vel-dev.github.io/github-build-challenge/" rel="noopener noreferrer"&gt;Demo App&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Images
&lt;/h3&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%2Fwqa87cvvcjx5ruhz1yda.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%2Fwqa87cvvcjx5ruhz1yda.png" alt="Image description" width="379" height="822"&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%2Fg3idst6s4wkyoeqidvv6.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%2Fg3idst6s4wkyoeqidvv6.png" alt="Image description" width="378" height="817"&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%2Fr16nsdoq7fs3kdm3dil4.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%2Fr16nsdoq7fs3kdm3dil4.png" alt="Image description" width="378" height="818"&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%2Farrhqwnmuoaletrdewu9.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%2Farrhqwnmuoaletrdewu9.png" alt="Image description" width="369" height="158"&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%2Filc4x3h57ratt0icqbbr.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%2Filc4x3h57ratt0icqbbr.png" alt="Image description" width="357" height="125"&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%2Fn20vezsm4snie6lnm6pa.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%2Fn20vezsm4snie6lnm6pa.png" alt="Image description" width="341" height="127"&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%2Fvdklz7snf5z7qfpic44o.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%2Fvdklz7snf5z7qfpic44o.png" alt="Image description" width="340" height="135"&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%2Fi1cdvenctpy77gek1h6o.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%2Fi1cdvenctpy77gek1h6o.png" alt="Image description" width="345" height="131"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Repo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/lara-vel-dev/github-build-challenge" rel="noopener noreferrer"&gt;Github Repo&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Copilot Experience
&lt;/h2&gt;

&lt;p&gt;Throughout the development of the habit tracker app, I used GitHub Copilot to streamline various aspects of the process. It helped with code autocompletion, speeding up repetitive tasks like handling habit tracking interactions. Copilot also provided useful UI layout suggestions for responsive designs. For functionality like generating motivational messages, Copilot generated relevant code based on user inputs, reducing the need for research. It assisted with debugging, identifying logic errors and improving data handling, and I utilized the model switcher for more complex features like emotion tracking. Additionally, the chat feature offered guidance on best practices and design decisions. Overall, Copilot saved time, improved code quality, and allowed me to focus more on the app’s user experience.&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%2Fmmpc39bxaenyna3940rj.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%2Fmmpc39bxaenyna3940rj.png" alt="Image description" width="378" height="772"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;In conclusion, GitHub Copilot proved to be an invaluable tool throughout the development of the habit tracker app. By providing quick code suggestions, debugging support, and guidance on UI design and functionality, Copilot significantly streamlined the process. Its ability to assist with complex tasks and offer tailored solutions allowed me to maintain a focus on the app's user experience while ensuring efficient, high-quality code. Overall, Copilot enhanced productivity, reduced development time, and contributed to the creation of a polished and engaging app.&lt;/p&gt;

&lt;p&gt;Team Submissions: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Diana Palacios (santpalacios) &lt;a href="https://dev.to/santpalacios"&gt;User&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Daniela Lara (laraveldev) &lt;a href="https://dev.to/laraveldev"&gt;User&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

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