<?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: Svitlana Horodylova</title>
    <description>The latest articles on DEV Community by Svitlana Horodylova (@svitlana_horodylova_eda0c).</description>
    <link>https://dev.to/svitlana_horodylova_eda0c</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%2F2743007%2Faf804023-ec30-4a5f-8f0d-036923518ed9.jpg</url>
      <title>DEV Community: Svitlana Horodylova</title>
      <link>https://dev.to/svitlana_horodylova_eda0c</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/svitlana_horodylova_eda0c"/>
    <language>en</language>
    <item>
      <title>The World We Build for You</title>
      <dc:creator>Svitlana Horodylova</dc:creator>
      <pubDate>Fri, 28 Mar 2025 12:41:39 +0000</pubDate>
      <link>https://dev.to/svitlana_horodylova_eda0c/the-world-we-build-for-you-97b</link>
      <guid>https://dev.to/svitlana_horodylova_eda0c/the-world-we-build-for-you-97b</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://future.forem.com/challenges/writing-2025-02-26"&gt;Future Writing Challenge&lt;/a&gt;: How Technology Is Changing Things.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;My precious girl,&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Right now, you're playing on the floor, your curls have fallen onto your forehead, and it tickles - you laugh. Your little puppy is by your side, and in this moment, the world feels so simple and serene. &lt;/p&gt;

&lt;p&gt;As I watch you, I think about the world that awaits you - the world that we, your generation, are shaping right now. I already know what I want to tell you. This message came to me as a single thought and lingered only for a moment before I opened my laptop and started typing.&lt;/p&gt;

&lt;p&gt;You will open this letter when you turn 25. I wrote it in 2025, while I still have time to make the world a better place.&lt;/p&gt;

&lt;p&gt;You know, 2025 isn’t bad at all. For the most part, we are serious, but sometimes a childlike spirit unexpectedly awakens within us. Do you remember how we all turn images in the style of Ghibli? This ability to retain a childlike perception of the world is our own kind of magic.&lt;/p&gt;

&lt;p&gt;We are a generation of optimisers. Our startups skyrocket into the charts and burn out just as fast. But we never give up. Giving up is simply not in our nature. As the favourite refrain on social media goes: success comes to those who don’t quit. You roll your little rhombus until it becomes a sphere. But not unbearably hard - just enough to be worth the effort. After all, an exciting game should never be too simple.&lt;/p&gt;

&lt;p&gt;The technologies we create are not just innovations; they are our way of caring for the future. Look at the wonders happening all around us! In medicine, microscopic robots are learning to deliver drugs directly to diseased cells, reaching the most intricate corners of the human body.&lt;/p&gt;

&lt;p&gt;We have developed a patch made of 200 million stem cells to restore heart tissue. Moreover, scientists have created a gene therapy technique that can effectively combat heart failure. Artificial virions can now encapsulate genes and deliver them directly into cells - this is a true revolution in medicine!&lt;/p&gt;

&lt;p&gt;We have learned to teleport quantum states between computers, opening up incredible possibilities for communication. Microsoft has created the Majorana 1 quantum chip with a million qubits, using topological materials. And to combat environmental pollution, we have developed unique peptides that can detect, capture, and break down microplastics.&lt;/p&gt;

&lt;p&gt;Smart technologies are becoming a part of our bodies and minds. There are now glasses that translate speech into 40 languages and wearable gadgets that help plan our days and answer our questions. We have created a diamond battery based on carbon-14, capable of lasting an incredibly long time, and even a mini-organ that can generate blood.&lt;/p&gt;

&lt;p&gt;We have developed light-sensitive chemicals - cyanine-carborane salts - that improve the treatment of aggressive cancers. &lt;/p&gt;

&lt;p&gt;We are designing smart fabrics that can heat up from sunlight in just minutes, supersonic aircraft that travel three times the speed of sound. Electric cars are no longer just transportation - they are becoming an integral part of the energy system, helping to stabilise power grids. We have even created soft robots with hydraulic drives that can adapt to the most challenging environments.&lt;/p&gt;

&lt;p&gt;Each innovation is a piece of care for our planet and for your future. We are pioneers who believe that technology can be not only smart but also soulful.&lt;/p&gt;

&lt;p&gt;We are a generation that has realised: everything has already been invented, and now our task is to make it work better, faster, more efficiently. This is true creativity. We are not just consumers - we are creators.&lt;/p&gt;

&lt;p&gt;With awe and anticipation, I look at you - a little girl playing on the floor - and imagine what a remarkable person you will become. The world we are building is your world. A safe world, full of opportunities, and wonder.&lt;/p&gt;

&lt;p&gt;You are safe, my girl. We have built this space for you with great love.&lt;/p&gt;

&lt;p&gt;With tenderness,&lt;br&gt;
Your Mum&lt;/p&gt;

&lt;h3&gt;
  
  
  Additional Prize Categories
&lt;/h3&gt;

&lt;p&gt;Ripple Effects&lt;/p&gt;

</description>
      <category>futurechallenge</category>
    </item>
    <item>
      <title>Professional Portfolio: Next.js and KendoReact Duo</title>
      <dc:creator>Svitlana Horodylova</dc:creator>
      <pubDate>Sun, 23 Mar 2025 01:33:04 +0000</pubDate>
      <link>https://dev.to/svitlana_horodylova_eda0c/professional-portfolio-nextjs-and-kendoreact-duo-mnd</link>
      <guid>https://dev.to/svitlana_horodylova_eda0c/professional-portfolio-nextjs-and-kendoreact-duo-mnd</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've finally built my resume, and thanks to the competition, I was highly motivated to complete it on time.&lt;/p&gt;

&lt;p&gt;My website is live here:  &lt;/p&gt;

&lt;p&gt;&lt;a href="https://portfolio-svitlana-horodylovas-projects.vercel.app/" rel="noopener noreferrer"&gt;Portfolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Repository here: &lt;br&gt;
&lt;a href="https://github.com/horodylova/portfolio" rel="noopener noreferrer"&gt;A lot of css&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Demo
&lt;/h3&gt;

&lt;p&gt;See how it all works here:&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/ijZmBR8tr38"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;A few images:&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%2Fktbdilr48vqabp5eellv.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%2Fktbdilr48vqabp5eellv.png" alt="Image description" width="800" height="577"&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%2Fthm8odcdadsliv3vkkb3.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%2Fthm8odcdadsliv3vkkb3.png" alt="Image description" width="800" height="516"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  KendoReact Experience
&lt;/h2&gt;

&lt;p&gt;Oh, that was something! The library is complex and multifaceted, and now the site is genuinely fun to interact with. At first, I struggled to override the default styles, but eventually, Kendo and I found common ground.&lt;/p&gt;

&lt;p&gt;I used the required number of free components for the competition, along with some paid ones, as I plan to keep using this portfolio for personal purposes. The result feels light and airy, despite packing in a lot of information.&lt;/p&gt;

&lt;p&gt;All in all, I never expected I'd be able to pull this off!&lt;/p&gt;

&lt;h3&gt;
  
  
  Delightfully Designed
&lt;/h3&gt;

&lt;p&gt;Kendo UI Components and Icons Used in the Project&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Kendo UI Components&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;_ListView _&lt;/p&gt;

&lt;p&gt;I used ListView in the Projects component to display project items in a structured format.&lt;/p&gt;

&lt;p&gt;_ScrollView _&lt;/p&gt;

&lt;p&gt;I implemented ScrollView in the Projects component to create a scrollable container for project cards.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Card&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I utilized Cards in multiple components (Projects and Skills) to present information in visually distinct containers.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Tooltip&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;I added Tooltips in the Projects component to provide additional information on hover.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Badge&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I used Badges in both Projects and Experience components to highlight key information or status indicators.&lt;/p&gt;

&lt;p&gt;_Popup _&lt;/p&gt;

&lt;p&gt;I implemented Popup in the Certifications component to display detailed certification information.&lt;/p&gt;

&lt;p&gt;_Button _&lt;/p&gt;

&lt;p&gt;I used Buttons in multiple components (Contact, Header, Sidebar) for interactive elements.&lt;/p&gt;

&lt;p&gt;_Fade _&lt;/p&gt;

&lt;p&gt;I implemented Fade animation in the Experience component to create smooth transitions.&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%2Fv843tz2er07nz5mig1bv.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%2Fv843tz2er07nz5mig1bv.png" alt="Image description" width="800" height="407"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;AppBar and AppBarSection&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I used AppBar for the main navigation in the Header component.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;SvgIcon&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I implemented SvgIcon in multiple components (Header, Sidebar) to display vector icons.&lt;/p&gt;

&lt;p&gt;_CardHeader, CardTitle, CardBody _&lt;/p&gt;

&lt;p&gt;I used these Card subcomponents in the Skills component to structure content within cards.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Kendo UI Icons&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;homeIcon &lt;/p&gt;

&lt;p&gt;I used this icon in the Header and Sidebar components for navigation to the home page.&lt;/p&gt;

&lt;p&gt;userIcon &lt;/p&gt;

&lt;p&gt;I implemented this icon in the Header and Sidebar components for the user profile section.&lt;/p&gt;

&lt;p&gt;folderIcon &lt;/p&gt;

&lt;p&gt;I used this icon in the Header and Sidebar components for the projects section.&lt;/p&gt;

&lt;p&gt;envelopeIcon &lt;/p&gt;

&lt;p&gt;I implemented this icon in the Header and Sidebar components for the contact section.&lt;/p&gt;

&lt;p&gt;fileIcon &lt;/p&gt;

&lt;p&gt;I used this icon in the Header and Sidebar components for document-related sections.&lt;/p&gt;

&lt;p&gt;arrowLeftIcon&lt;/p&gt;

&lt;p&gt;I implemented this icon in the Sidebar component for navigation controls.&lt;/p&gt;

&lt;p&gt;arrowRightIcon&lt;/p&gt;

&lt;p&gt;I used this icon in the Sidebar component for navigation controls.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Implementation Notes&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In my portfolio project, I've made extensive use of the Kendo UI component library to create a professional and interactive user interface. The components are organised into distinct sections (Projects, Certifications, Contact, Experience, Header, Sidebar, and Skills), each with its own functionality and styling.&lt;/p&gt;

&lt;p&gt;Each component has its own dedicated CSS module (.module.css files) for component-specific styling.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>kendoreactchallenge</category>
      <category>react</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Cupid's Plan</title>
      <dc:creator>Svitlana Horodylova</dc:creator>
      <pubDate>Sun, 26 Jan 2025 13:53:26 +0000</pubDate>
      <link>https://dev.to/svitlana_horodylova_eda0c/cupids-plan-31m2</link>
      <guid>https://dev.to/svitlana_horodylova_eda0c/cupids-plan-31m2</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://srv.buysellads.com/ads/long/x/T6EK3TDFTTTTTT6WWB6C5TTTTTTGBRAPKATTTTTTWTFVT7YTTTTTTKPPKJFH4LJNPYYNNSZL2QLCE2DPPQVCEI45GHBT" rel="noopener noreferrer"&gt;Agent.ai&lt;/a&gt; Challenge: Full-Stack Agent (&lt;a href="https://dev.to/challenges/agentai"&gt;See Details&lt;/a&gt;)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://agent.ai/agent/dream_date" rel="noopener noreferrer"&gt;Cupid’s Plan&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Project author: Svitlana Horodylova&lt;/strong&gt;&lt;/p&gt;

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

&lt;p&gt;I created a project called Cupid’s Plan, an intelligent agent designed to craft the perfect date experience based on user input. &lt;/p&gt;

&lt;h2&gt;
  
  
  Here's how it works:
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;User Input&lt;/strong&gt;: The agent collects details about the user's idea for the evening, preferred cuisine, and music.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Scenario Creation&lt;/strong&gt;: Using this information, the agent generates a detailed plan for an ideal date.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Music Data Transformation:&lt;/strong&gt; The agent refines the music preferences into a specific genre query.&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%2Fjoou40ijglmmjqjgcy63.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%2Fjoou40ijglmmjqjgcy63.jpg" alt="Image description" width="800" height="457"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;External API Integration&lt;/strong&gt;: The agent communicates with Jamendo's API via a server I developed, retrieving a curated list of tracks matching the chosen genre.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/horodylova/jamendo-api" rel="noopener noreferrer"&gt;REPOSITORY IS HERE&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Recipe Search&lt;/strong&gt;: The agent then calls another specialized agent that performs Google searches to find recipes linked to the dishes requested by the user.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Atmosphere Suggestions&lt;/strong&gt;: The agent creates a romantic visual image and provides advice on setting the perfect ambiance for the evening.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Personalised Touch&lt;/strong&gt;: Users can receive a personalised letter from Cupid by providing their email address.&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%2Fpglgcci3vkil0hpivugh.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%2Fpglgcci3vkil0hpivugh.jpg" alt="Image description" width="800" height="1445"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;This innovative system combines API integrations, AI-driven creativity, and a touch of whimsy to make every date unforgettable.&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%2F9roks1f35tf44gd9oix2.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%2F9roks1f35tf44gd9oix2.png" alt="Image description" width="800" height="661"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/7oV4OBmBK8s?start=124"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Agent.ai Experience
&lt;/h2&gt;

&lt;p&gt;It has been both fascinating and enriching. The delightful moments come from witnessing how effortlessly these tools can streamline complex tasks, offering creative and efficient solutions in record time. They feel like collaborative partners, turning ideas into reality with precision and speed.&lt;/p&gt;

&lt;p&gt;However, there have been challenges, particularly when trying to customise or debug intricate scenarios. Balancing between relying on AI suggestions and ensuring the output aligns perfectly with my vision sometimes requires a bit of patience and a learning curve.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>agentaichallenge</category>
      <category>ai</category>
      <category>machinelearning</category>
    </item>
  </channel>
</rss>
