<?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: George Giasemakis</title>
    <description>The latest articles on DEV Community by George Giasemakis (@captainfu).</description>
    <link>https://dev.to/captainfu</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%2F3396753%2F8ae8f184-acfb-4337-b171-d5feefb36f18.jpg</url>
      <title>DEV Community: George Giasemakis</title>
      <link>https://dev.to/captainfu</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/captainfu"/>
    <language>en</language>
    <item>
      <title>I Built a Star Wars Universe Tracker with Persistent Watch History - Complete Timeline in Chronological Order! 🌌</title>
      <dc:creator>George Giasemakis</dc:creator>
      <pubDate>Sat, 23 Aug 2025 14:07:53 +0000</pubDate>
      <link>https://dev.to/captainfu/i-built-a-star-wars-universe-tracker-with-persistent-watch-history-complete-timeline-in-35m1</link>
      <guid>https://dev.to/captainfu/i-built-a-star-wars-universe-tracker-with-persistent-watch-history-complete-timeline-in-35m1</guid>
      <description>&lt;h1&gt;
  
  
  🌟 Star Wars Universe Tracker - Never Miss a Movie or Series Again!
&lt;/h1&gt;

&lt;p&gt;I just finished building a comprehensive Star Wars tracker that helps fans navigate the entire galaxy far, far away in perfect chronological order!&lt;/p&gt;

&lt;h2&gt;
  
  
  ✨ What Makes It Special:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Complete Timeline&lt;/strong&gt;: All movies, series, and shows from Dawn of the Jedi to modern era&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Persistent Watch History&lt;/strong&gt;: Your progress saves permanently (no more losing track!)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multiple Sort Options&lt;/strong&gt;: Chronological, release date, title, or rating&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Advanced Filtering&lt;/strong&gt;: By type (movies/series) and era (prequel, original, sequel, etc.)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mobile Optimized&lt;/strong&gt;: Perfect experience on any device&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Immersive Design&lt;/strong&gt;: Animated starfield background for true Star Wars atmosphere&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🛠️ Tech Stack:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend&lt;/strong&gt;: Vanilla JavaScript, HTML5, CSS3&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling&lt;/strong&gt;: Tailwind CSS with custom Star Wars theme&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Storage&lt;/strong&gt;: Browser localStorage for persistent data&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment&lt;/strong&gt;: GitHub Pages&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🎯 Key Features:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Smart Watch Tracking&lt;/strong&gt;: Toggle watched status with beautiful switches&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Search &amp;amp; Filter&lt;/strong&gt;: Find specific content instantly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Responsive Design&lt;/strong&gt;: Works flawlessly on mobile and desktop&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Era Classification&lt;/strong&gt;: Prequel, Original, Sequel, High Republic, and more&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Go-to-Top Button&lt;/strong&gt;: Smooth navigation for long lists&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Optimized&lt;/strong&gt;: Fast loading and smooth animations&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🔧 Technical Highlights:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Enhanced localStorage system with timestamps and backup&lt;/li&gt;
&lt;li&gt;3-layer animated starfield with CSS box-shadows&lt;/li&gt;
&lt;li&gt;Mobile-first responsive design&lt;/li&gt;
&lt;li&gt;Swipe gestures for modal interactions&lt;/li&gt;
&lt;li&gt;Optimized for accessibility and performance&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🌐 Live Demo:
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://thecaptainfu.github.io/Star-Wars-Tracker/" rel="noopener noreferrer"&gt;Star Wars Tracker&lt;/a&gt;&lt;br&gt;
📱 &lt;a href="https://github.com/TheCaptainFu/Star-Wars-Tracker" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Perfect for Star Wars marathons, catching up on series, or planning your next viewing adventure!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;May the Force be with you!&lt;/strong&gt; ⭐&lt;/p&gt;

&lt;h1&gt;
  
  
  StarWars #JavaScript #WebDev #OpenSource #MovieTracker #CSS #HTML5 #ResponsiveDesign
&lt;/h1&gt;

</description>
    </item>
    <item>
      <title>I built a clean, responsive HTML portfolio template for developers – free live demo + source!</title>
      <dc:creator>George Giasemakis</dc:creator>
      <pubDate>Sat, 02 Aug 2025 15:05:12 +0000</pubDate>
      <link>https://dev.to/captainfu/i-built-a-clean-responsive-html-portfolio-template-for-developers-free-live-demo-source-1ojp</link>
      <guid>https://dev.to/captainfu/i-built-a-clean-responsive-html-portfolio-template-for-developers-free-live-demo-source-1ojp</guid>
      <description>&lt;p&gt;Hey devs! 👋&lt;/p&gt;

&lt;p&gt;I recently built &lt;strong&gt;DevFolio&lt;/strong&gt;, a responsive HTML portfolio template designed specifically for developers, freelancers, and students who want a simple yet professional way to showcase their work.&lt;/p&gt;

&lt;p&gt;👉 Available here: &lt;a href="https://gsmks.gumroad.com/l/devfolio" rel="noopener noreferrer"&gt;https://gsmks.gumroad.com/l/devfolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🧑‍💻 It’s mobile-first, lightweight, and super easy to customize — no frameworks or CMS required.&lt;/p&gt;

&lt;h3&gt;
  
  
  🔹 Live Demo:
&lt;/h3&gt;

&lt;p&gt;👉 &lt;a href="https://portfolio-website-beta-snowy-73.vercel.app/" rel="noopener noreferrer"&gt;https://portfolio-website-beta-snowy-73.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🔹 Features:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Clean, modern layout&lt;/li&gt;
&lt;li&gt;About, Projects, Contact sections&lt;/li&gt;
&lt;li&gt;Mobile responsive&lt;/li&gt;
&lt;li&gt;Fast-loading, no bloat&lt;/li&gt;
&lt;li&gt;Fully editable HTML/CSS/JS&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;📦 Includes: source code + setup instructions.&lt;/p&gt;

&lt;p&gt;Check it out and let me know what you think. Feedback is always welcome! 🙏&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>htmlcss</category>
      <category>webdev</category>
      <category>showcase</category>
    </item>
    <item>
      <title>I Built a Clean Portfolio Template Using Just HTML, CSS &amp; JS — Perfect for Devs &amp; Students💻</title>
      <dc:creator>George Giasemakis</dc:creator>
      <pubDate>Tue, 29 Jul 2025 10:15:02 +0000</pubDate>
      <link>https://dev.to/captainfu/i-built-a-free-clean-portfolio-template-using-just-htmlcssjs-perfect-for-devs-students--dmf</link>
      <guid>https://dev.to/captainfu/i-built-a-free-clean-portfolio-template-using-just-htmlcssjs-perfect-for-devs-students--dmf</guid>
      <description>&lt;p&gt;Hey everyone! 👋&lt;/p&gt;

&lt;p&gt;I’m excited to share a clean and fully responsive portfolio template I built using just HTML, CSS, and JavaScript. Whether you're a developer, student, or just starting out, this template is designed to help you showcase your projects and skills with minimal fuss.&lt;/p&gt;

&lt;p&gt;Why I Built This&lt;br&gt;
As a developer myself, I noticed how many of us struggle to find simple yet elegant portfolio templates that don’t require tons of setup or complex frameworks. So, I created one that’s easy to customize and perfect for getting your work online fast.&lt;/p&gt;

&lt;p&gt;Features&lt;br&gt;
Clean, modern design with a focus on usability&lt;/p&gt;

&lt;p&gt;Fully responsive — works beautifully on all screen sizes&lt;/p&gt;

&lt;p&gt;Smooth scrolling and simple animations&lt;/p&gt;

&lt;p&gt;Easy to customize with clear comments in the code&lt;/p&gt;

&lt;p&gt;Includes sections for About, Projects, Skills, and Contact&lt;/p&gt;

&lt;p&gt;Check It Out&lt;br&gt;
🔗 Link: &lt;a href="https://gsmks.gumroad.com/l/DevFolio" rel="noopener noreferrer"&gt;https://gsmks.gumroad.com/l/DevFolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I’d love to hear your thoughts or suggestions for improvements — feel free to leave a comment or open an issue on GitHub!&lt;/p&gt;

&lt;p&gt;If you find it useful, please share it with friends or fellow devs who might need a portfolio boost!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
