The latest articles on DEV Community by Hudson Mathew (@hudson_mathew_j). https://dev.to/hudson_mathew_j 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%2F3817769%2F76f9a0d1-2539-4036-af75-a4a48e2c9306.jpg https://dev.to/hudson_mathew_j en Hudson Mathew Sat, 14 Mar 2026 13:15:57 +0000 https://dev.to/hudson_mathew_j/epicoutlet-3o9c https://dev.to/hudson_mathew_j/epicoutlet-3o9c <h2> 🛒 EpicOutlet – AI Powered E-Commerce App </h2> <p><strong>EpicOutlet</strong> is a full-stack <strong>e-commerce web application</strong> built with <strong>Python and Django</strong>.<br> Users can <strong>browse, search, and purchase products</strong> across categories like electronics, fashion, groceries, and home items.</p> <p><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%2F5c7y57pa3lae871zzj3j.png" class="article-body-image-wrapper"><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%2F5c7y57pa3lae871zzj3j.png" alt="EpicOutlet" width="800" height="449"></a></p> <p>The platform includes <strong>user authentication, a shopping cart, a favourites list</strong>, and an <strong>AI shopping chatbot (Shop-Bot)</strong> that helps users find products using natural language queries like <em>“phones under ₹30,000”</em>.</p> <h3> 🤖 Shop Bot </h3> <p><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%2Fdrthyfs8b6u5zsvfb4hf.png" class="article-body-image-wrapper"><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%2Fdrthyfs8b6u5zsvfb4hf.png" alt="Cart Bot" width="800" height="448"></a></p> <h3> ⚙️ Tech Stack </h3> <ul> <li> <strong>Backend:</strong> Python, Django</li> <li> <strong>Database:</strong> PostgreSQL (Supabase)</li> <li> <strong>Media Storage:</strong> Cloudinary</li> <li> <strong>Static Files:</strong> WhiteNoise</li> <li> <strong>Deployment:</strong> Render + Gunicorn</li> <li> <strong>API:</strong> django-tastypie (<code>/api/v1/</code>)</li> </ul> <p>This project demonstrates <strong>full-stack development, REST APIs, AI chatbot integration, and cloud deployment</strong>.</p> <p>🔗 <strong>Explore the app:</strong><br> <a href="https://epicoutlet.onrender.com/" rel="noopener noreferrer">https://epicoutlet.onrender.com/</a></p> webdev ai python fullstack Hudson Mathew Sat, 14 Mar 2026 13:05:18 +0000 https://dev.to/hudson_mathew_j/my-portfolio-g84 https://dev.to/hudson_mathew_j/my-portfolio-g84 <h2> 🌐 My Portfolio &amp; Portfolio AI Bot </h2> <p>Hello, I’m <strong>Hudson Mathew</strong>, a <strong>software developer</strong> focused on <strong>Python, full-stack web development, and UI/UX design</strong>. I enjoy building practical applications that solve real problems and deliver smooth user experiences.</p> <p>My portfolio showcases my <strong>projects, technical skills, and development journey</strong>, while the <strong>Portfolio AI Bot</strong> helps visitors explore my work through an interactive chat interface.</p> <h2> 🤖 Portfolio AI Bot </h2> <p>The Portfolio AI Bot helps visitors to:</p> <ul> <li>💬 Navigate the portfolio using <strong>chat-style interaction</strong> </li> <li>🔍 Discover <strong>projects and skills quickly</strong> </li> <li>🌐 Explore my work in a <strong>simple and interactive way</strong> </li> </ul> <p><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%2F4ag4jsam3f1eucdablpc.png" class="article-body-image-wrapper"><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%2F4ag4jsam3f1eucdablpc.png" alt="Portfolio AI" width="800" height="582"></a></p> <h2> ⚙️ Tech Stack </h2> <h3> Portfolio Site </h3> <ul> <li> <strong>HTML</strong> – Semantic single-page structure</li> <li> <strong>CSS</strong> – Grid, Flexbox, animations, responsive design</li> <li> <strong>JavaScript</strong> – DOM interaction and UI behavior</li> <li> <strong>Assets</strong> – Google Fonts, Boxicons, Font Awesome</li> </ul> <h3> Portfolio Bot </h3> <ul> <li> <strong>React</strong> – Functional components (<code>useState</code>, <code>useEffect</code>, <code>useRef</code>)</li> <li> <strong>AI API</strong> – Anthropic Claude model integration</li> <li> <strong>UX</strong> – Auto-scroll, typing indicator, suggestion chips</li> </ul> <p>🔗 <strong>Explore here:</strong><br> <a href="https://hudsonmathew1910.github.io/Hudson-Portfolio/" rel="noopener noreferrer">https://hudsonmathew1910.github.io/Hudson-Portfolio/</a></p> ai webdev programming portfolio