The latest articles on DEV Community by Eyoel (@eyoel_ed7a5d9cde9f0e52fd9). https://dev.to/eyoel_ed7a5d9cde9f0e52fd9 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4176644%2Faaf98852-f5a2-4ed4-b9e6-319d9af2745b.png https://dev.to/eyoel_ed7a5d9cde9f0e52fd9 en Eyoel Wed, 14 Oct 2026 14:14:34 +0000 https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/-3lf7 https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/-3lf7 <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087" class="crayons-story__hidden-navigation-link">Built an e-commerce app (BlueMart) with Flask &amp; PostgreSQL. Roast my UI / feedback welcome!</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/eyoel_ed7a5d9cde9f0e52fd9" class="crayons-avatar crayons-avatar--l "> <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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4176644%2Faaf98852-f5a2-4ed4-b9e6-319d9af2745b.png" alt="eyoel_ed7a5d9cde9f0e52fd9 profile" class="crayons-avatar__image" width="415" height="739"> </a> </div> <div> <div> <a href="/eyoel_ed7a5d9cde9f0e52fd9" class="crayons-story__secondary fw-medium m:hidden"> Eyoel </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Eyoel <div id="story-author-preview-content-4832309" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/eyoel_ed7a5d9cde9f0e52fd9" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4176644%2Faaf98852-f5a2-4ed4-b9e6-319d9af2745b.png" class="crayons-avatar__image" alt="" width="415" height="739"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Eyoel</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087" class="crayons-story__tertiary fs-xs"><time>Oct 11</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087" id="article-link-4832309"> Built an e-commerce app (BlueMart) with Flask &amp; PostgreSQL. Roast my UI / feedback welcome! </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--filled " href="/t/showdev"><span class="crayons-tag__prefix">#</span>showdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/python"><span class="crayons-tag__prefix">#</span>python</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/postgres"><span class="crayons-tag__prefix">#</span>postgres</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/flask"><span class="crayons-tag__prefix">#</span>flask</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">1<span class="hidden s:inline">&nbsp;reaction</span></span> </div> </a> <a href="https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 1<span class="hidden s:inline">&nbsp;comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> </div> </div> </div> </div> </div> </div> backend python showdev webdev Eyoel Sun, 11 Oct 2026 11:15:16 +0000 https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087 https://dev.to/eyoel_ed7a5d9cde9f0e52fd9/built-an-e-commerce-app-bluemart-with-flask-postgresql-roast-my-ui-feedback-welcome-5087 <p>Hey everyone,<br> I was tired of doing isolated coding exercises that didn't feel real, so I decided to build a complete full-stack project from scratch to test my skills.<br> It's an e-commerce web application called BlueMart, built using Python Flask and PostgreSQL.<br> Key features I've implemented so far:<br> • User Authentication: Secure signup and login flow.<br> • Store Management: Dynamic product listings and inventory management.<br> • Shopping Workflow: Working cart functionality and order processing.<br> • Admin Dashboard: A centralized place to track metrics and data.<br> • Database Integration: Relational database architecture using Postgres.<br> I’m actively trying to level up my full-stack development skills, so I would highly appreciate any constructive criticism you have on the UI, user flow, or performance.<br> • Live Project: <a href="https://my-bluemart.duckdns.org/" rel="noopener noreferrer">https://my-bluemart.duckdns.org/</a><br> • Source Code: </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/eyoeleyosiyas-droid" rel="noopener noreferrer"> eyoeleyosiyas-droid </a> / <a href="https://github.com/eyoeleyosiyas-droid/my-bluemart" rel="noopener noreferrer"> my-bluemart </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><div class="markdown-heading"> <h1 class="heading-element">BlueMart 🛒</h1> </div> <p>BlueMart is a full-stack e-commerce web application built using <strong>Python Flask</strong> and <strong>PostgreSQL</strong>.</p> <p>This project was built to transition away from isolated coding exercises and master real-world, full-stack application development challenges—such as state management, relational database design, and user authentication.</p> <p>🌐 **Live Demo: <a href="https://my-bluemart.duckdns.org/" rel="nofollow noopener noreferrer">https://my-bluemart.duckdns.org/</a></p> <div class="markdown-heading"> <h2 class="heading-element">🚀 Features</h2> </div> <div class="markdown-heading"> <h3 class="heading-element">🔐 User Authentication</h3> </div> <ul> <li> <strong>Secure Flow:</strong> User registration, login, and session persistence.</li> <li> <strong>Role-Based Views:</strong> Tailored experiences for standard customers vs. store managers.</li> </ul> <div class="markdown-heading"> <h3 class="heading-element">📦 Store &amp; Product Management</h3> </div> <ul> <li> <strong>Dynamic Listings:</strong> Browsable catalog pulling real-time data from PostgreSQL.</li> <li> <strong>Management UI:</strong> Tools to add, edit, or update product information directly through the platform.</li> </ul> <div class="markdown-heading"> <h3 class="heading-element">🛒 Shopping Cart &amp; Orders</h3> </div> <ul> <li> <strong>State Management:</strong> Fully functional shopping cart that handles item quantities.</li> <li> <strong>Order Processing:</strong> Seamless transition from cart validation to order finalization.</li> </ul> <div class="markdown-heading"> <h3 class="heading-element">📊 Admin Dashboard</h3> </div> <ul> <li> <strong>Metrics:</strong> A centralized dashboard displaying core operational data, user activity, and store metrics.</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🛠️ Tech Stack</h2> </div> <ul> <li> <strong>Backend:</strong> Python, Flask</li> <li> <strong>Database:</strong> PostgreSQL</li> <li> <strong>Frontend:</strong> HTML5, CSS3…</li> </ul></div> <br> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/eyoeleyosiyas-droid/my-bluemart" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br> <br><br> <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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fjhen057xdzriznfh09yq.png" alt="" width="799" height="426"><br><br> Thanks in advance for taking a look! showdev python postgres flask