<?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: Lekside081</title>
    <description>The latest articles on DEV Community by Lekside081 (@lekside081).</description>
    <link>https://dev.to/lekside081</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%2F2807904%2Fe1eef1f4-4dca-4f86-aa89-b237fb7a06bb.jpg</url>
      <title>DEV Community: Lekside081</title>
      <link>https://dev.to/lekside081</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lekside081"/>
    <language>en</language>
    <item>
      <title>Profile Card</title>
      <dc:creator>Lekside081</dc:creator>
      <pubDate>Fri, 07 Feb 2025 20:44:17 +0000</pubDate>
      <link>https://dev.to/lekside081/profile-card-14og</link>
      <guid>https://dev.to/lekside081/profile-card-14og</guid>
      <description>&lt;p&gt;&lt;strong&gt;Why I Want to Be a Front-End Developer and How HNG Will Help Me Achieve My Goals&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Introduction&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;
From a young age, I have been fascinated by the internet—how websites work, how user interfaces interact, and how people engage with digital experiences. My curiosity led me to explore HTML, CSS, and JavaScript, and soon, I realized that front-end development was more than just coding—it was about creating seamless, engaging user experiences.&lt;/p&gt;

&lt;p&gt;As someone passionate about problem-solving and creativity, I found front-end development to be the perfect blend of both. However, I also realized that learning alone can be overwhelming, and this is why I joined the HNG Internship—to get real-world experience, mentorship, and a structured learning path.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why I Chose Front-End Development&lt;/strong&gt;&lt;br&gt;
The internet is the gateway to the modern world. Businesses, organizations, and individuals rely on well-designed web applications to connect, inform, and provide services. My motivation to become a front-end developer comes from my desire to build intuitive and aesthetically pleasing web applications that make users’ lives easier.&lt;/p&gt;

&lt;p&gt;I also love how front-end technologies evolve rapidly. The introduction of frameworks like Vue.js and React.js has made web development more dynamic and efficient. For example, companies looking for high-quality UI development often hire Vue.js developers to create interactive and scalable web applications. This motivates me to improve my skills in modern frameworks and keep up with industry standards.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How HNG Will Help Me Grow&lt;/strong&gt;&lt;br&gt;
The HNG Internship is an intensive, fast-paced program that challenges participants to build real-world projects, collaborate with teams, and solve practical problems. Here’s how HNG will help me:&lt;/p&gt;

&lt;p&gt;Hands-on Experience:&lt;/p&gt;

&lt;p&gt;I will build real applications that showcase my skills in HTML, CSS, JavaScript, and frameworks like Vue.js.&lt;br&gt;
Working on real-world projects will help me understand industry best practices.&lt;br&gt;
Mentorship &amp;amp; Networking:&lt;/p&gt;

&lt;p&gt;Learning from experienced developers and mentors will accelerate my growth.&lt;br&gt;
Connecting with fellow interns will help me collaborate on projects and improve my teamwork skills.&lt;br&gt;
Improving My Technical &amp;amp; Soft Skills:&lt;/p&gt;

&lt;p&gt;I will learn more about clean code, responsive design, and UI/UX best practices.&lt;br&gt;
Time management and working in a structured environment will help me become more disciplined.&lt;br&gt;
My Goals for the Internship&lt;br&gt;
By the end of the HNG Internship, I want to:&lt;/p&gt;

&lt;p&gt;✅ Master front-end frameworks like Vue.js and React.js&lt;br&gt;
✅ Build a portfolio of real-world projects&lt;br&gt;
✅ Network with other developers and potential employers&lt;br&gt;
✅ Improve my problem-solving and debugging skills&lt;br&gt;
✅ Land a front-end development job or internship&lt;/p&gt;

&lt;p&gt;With the support of the HNG Internship, I am confident that I will reach these goals and become a skilled front-end developer.&lt;/p&gt;

&lt;p&gt;💻 Tech Stack&lt;br&gt;
I used the following tools:&lt;/p&gt;

&lt;p&gt;🔹 Vue 3 – Frontend framework&lt;/p&gt;

&lt;p&gt;🔹 Tailwind CSS – Styling&lt;/p&gt;

&lt;p&gt;🔹 GitHub – Code versioning&lt;/p&gt;

&lt;p&gt;🔗 GitHub Repository: [&lt;a href="https://github.com/Lekside081/Frontendtaskstage0" rel="noopener noreferrer"&gt;https://github.com/Lekside081/Frontendtaskstage0&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;👨‍💻 Looking to Hire Skilled Frontend?&lt;br&gt;
Check out HNG’s talented Frontend:&lt;br&gt;
HIRE REACT.JS DEVELOPERS - &lt;a href="https://hng.tech/hire/reactjs-developers" rel="noopener noreferrer"&gt;https://hng.tech/hire/reactjs-developers&lt;/a&gt;&lt;br&gt;
HIRE NEXT.JS DEVELOPERS - &lt;a href="https://hng.tech/hire/nextjs-developers" rel="noopener noreferrer"&gt;https://hng.tech/hire/nextjs-developers&lt;/a&gt;&lt;br&gt;
HIRE VUE.JS DEVELOPERS - &lt;a href="https://hng.tech/hire/vuejs-developers" rel="noopener noreferrer"&gt;https://hng.tech/hire/vuejs-developers&lt;/a&gt;&lt;br&gt;
HIRE ANGULAR DEVELOPERS - &lt;a href="https://hng.tech/hire/angular-developers" rel="noopener noreferrer"&gt;https://hng.tech/hire/angular-developers&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Conclusion&lt;br&gt;
The journey to becoming a front-end developer is both exciting and challenging, but I am fully committed to the process. With the structured learning, mentorship, and hands-on projects provided by HNG, I know I will grow immensely and achieve my career goals.&lt;/p&gt;

&lt;p&gt;If you’re also looking to hire skilled front-end developers, platforms like HNG’s Hire Web Developers can connect businesses with top talents.&lt;/p&gt;

&lt;p&gt;I’m looking forward to this journey and can’t wait to see what the future holds! 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>python</category>
    </item>
    <item>
      <title>Med Spectra: A Healthcare Platform</title>
      <dc:creator>Lekside081</dc:creator>
      <pubDate>Wed, 05 Feb 2025 10:43:24 +0000</pubDate>
      <link>https://dev.to/lekside081/med-spectra-a-healthcare-platform-1c80</link>
      <guid>https://dev.to/lekside081/med-spectra-a-healthcare-platform-1c80</guid>
      <description>&lt;h1&gt;
  
  
  My HNG12 Journey &amp;amp; Med Spectra Project
&lt;/h1&gt;

&lt;h2&gt;
  
  
  🚀 Getting Started with HNG12
&lt;/h2&gt;

&lt;p&gt;HNG12 has been an incredible learning experience! My goal was to sharpen my &lt;strong&gt;Vue.js and UI/UX Design&lt;/strong&gt; skills.  &lt;/p&gt;

&lt;h2&gt;
  
  
  🎯 Goals for the Internship
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Master &lt;strong&gt;Vue.js &amp;amp; Tailwind CSS&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Build real-world projects
&lt;/li&gt;
&lt;li&gt;Improve UI/UX design skills
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🏥 Med Spectra: A Healthcare Platform
&lt;/h2&gt;

&lt;p&gt;For this task, I designed and developed &lt;strong&gt;Med Spectra&lt;/strong&gt;, a web platform that helps doctors analyze medical images.  &lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Key Features:&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;✅ &lt;strong&gt;Dashboard:&lt;/strong&gt; Displays key metrics&lt;br&gt;&lt;br&gt;
✅ &lt;strong&gt;Patient List:&lt;/strong&gt; Searchable database&lt;br&gt;&lt;br&gt;
✅ &lt;strong&gt;Image Viewer:&lt;/strong&gt; Displays medical scans&lt;br&gt;&lt;br&gt;
✅ &lt;strong&gt;AI Diagnosis Report:&lt;/strong&gt; Summarizes detected anomalies  &lt;/p&gt;




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

&lt;p&gt;I used the following tools:&lt;br&gt;&lt;br&gt;
🔹 &lt;strong&gt;Vue 3&lt;/strong&gt; – Frontend framework&lt;br&gt;&lt;br&gt;
🔹 &lt;strong&gt;Tailwind CSS&lt;/strong&gt; – Styling&lt;br&gt;&lt;br&gt;
🔹 &lt;strong&gt;GitHub&lt;/strong&gt; – Code versioning  &lt;/p&gt;

&lt;p&gt;🔗 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; [&lt;a href="https://github.com/Lekside081/Donleksidetask01" rel="noopener noreferrer"&gt;https://github.com/Lekside081/Donleksidetask01&lt;/a&gt;)  &lt;/p&gt;




&lt;h2&gt;
  
  
  🎨 Design Screenshots
&lt;/h2&gt;

&lt;p&gt;![Dashboard] &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%2F1fnkyfqejo0x7b9bw0km.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%2F1fnkyfqejo0x7b9bw0km.PNG" alt="Image description" width="800" height="372"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;![Patient List] &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%2F4fwvd5tjw3xas3ukdg5y.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%2F4fwvd5tjw3xas3ukdg5y.PNG" alt="Image description" width="800" height="240"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻 &lt;strong&gt;Looking to Hire Skilled Designers?&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Check out HNG’s talented designers:&lt;br&gt;&lt;br&gt;
&lt;a href="https://hng.tech/hire/ui-designers" rel="noopener noreferrer"&gt;Hire a UI Designer&lt;/a&gt;  &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>javascript</category>
    </item>
    <item>
      <title>My Daily Habits And Their Tracker Habit</title>
      <dc:creator>Lekside081</dc:creator>
      <pubDate>Tue, 04 Feb 2025 10:22:37 +0000</pubDate>
      <link>https://dev.to/lekside081/my-daily-habits-and-their-tracker-habit-2cio</link>
      <guid>https://dev.to/lekside081/my-daily-habits-and-their-tracker-habit-2cio</guid>
      <description>&lt;h1&gt;
  
  
  My HNG12 Journey and Sonder App Design
&lt;/h1&gt;

&lt;p&gt;Starting HNG12 has been an exciting journey. My main goals for this internship include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Mastering &lt;strong&gt;UI/UX Design&lt;/strong&gt; principles.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Contributing to real-world projects.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Building a strong &lt;strong&gt;portfolio&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Sonder App Design Process
&lt;/h2&gt;

&lt;p&gt;I designed &lt;strong&gt;two screens&lt;/strong&gt;:&lt;br&gt;
✅ &lt;strong&gt;Home page&lt;/strong&gt; - User interact with their habits.&lt;/p&gt;

&lt;p&gt;✅ &lt;strong&gt;Habit Tracker&lt;/strong&gt; - Show progress &amp;amp; streaks&lt;/p&gt;

&lt;p&gt;✅ &lt;strong&gt;Achromatic Color Palette&lt;/strong&gt; – Clean black, white, and gray tones&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Screenshots of My Design&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="//Path%20to%20Home%20screen.png"&gt;Home Page&lt;/a&gt;&lt;br&gt;
&lt;a href="//Path%20to%20Tracker%20screen.png"&gt;Habit Tracker&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;I built this project using:&lt;br&gt;
🔹 &lt;strong&gt;Vue 3&lt;/strong&gt; – Component-based UI framework&lt;br&gt;
🔹 &lt;strong&gt;Tailwind CSS&lt;/strong&gt; – Fast, responsive styling&lt;br&gt;
🔹 &lt;strong&gt;GitHub&lt;/strong&gt; – Code versioning &amp;amp; collaboration&lt;br&gt;
🔗 &lt;strong&gt;View My GitHub Repo&lt;/strong&gt;: &lt;a href="https://github.com/Lekside081/Donleksidetask1" rel="noopener noreferrer"&gt;GitHub Link Here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Want to Hire a Skilled UI Designer?&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Check out HNG’s talented designers here:&lt;br&gt;
&lt;a href="https://hng.tech/hire/ui-designers" rel="noopener noreferrer"&gt;Hire a UI Designer&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>devops</category>
    </item>
  </channel>
</rss>
