<?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: himanshu joshi</title>
    <description>The latest articles on DEV Community by himanshu joshi (@himanshu_joshi_d1e6144a7b).</description>
    <link>https://dev.to/himanshu_joshi_d1e6144a7b</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%2F2629833%2Fffabb56e-3d9c-4152-99f9-60f5fadc3733.png</url>
      <title>DEV Community: himanshu joshi</title>
      <link>https://dev.to/himanshu_joshi_d1e6144a7b</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/himanshu_joshi_d1e6144a7b"/>
    <language>en</language>
    <item>
      <title>Reviving Mandi Central: From 41 Pending Issues to a Live Business Operations Platform</title>
      <dc:creator>himanshu joshi</dc:creator>
      <pubDate>Fri, 29 May 2026 06:44:07 +0000</pubDate>
      <link>https://dev.to/himanshu_joshi_d1e6144a7b/reviving-mandi-central-from-41-pending-issues-to-a-live-business-operations-platform-2mp3</link>
      <guid>https://dev.to/himanshu_joshi_d1e6144a7b/reviving-mandi-central-from-41-pending-issues-to-a-live-business-operations-platform-2mp3</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-05-21"&gt;GitHub Finish-Up-A-Thon Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built and revived &lt;strong&gt;Mandi Central&lt;/strong&gt;, a complete business operations and billing system for mandi-style trading businesses.&lt;/p&gt;

&lt;p&gt;Live Project: &lt;strong&gt;&lt;a href="https://mandicentral.in" rel="noopener noreferrer"&gt;https://mandicentral.in&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Mandi Central helps manage daily mandi operations like purchases, farmer purchase entries, sales entries, payments, bank and cash ledgers, accounting heads, reports, invoices, outstanding balances, and financial statements from one structured platform.&lt;/p&gt;

&lt;p&gt;This project was not started as a simple demo. It was a real business-focused software project, but it had many unfinished parts, broken flows, missing reports, pending PDF generation, incomplete mobile API planning, and several UI and accounting issues.&lt;/p&gt;

&lt;p&gt;For the GitHub Finish-Up-A-Thon Challenge, I brought it back, fixed the pending issues, completed the core business flow, and made the project live on &lt;strong&gt;mandicentral.in&lt;/strong&gt;.&lt;/p&gt;

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

&lt;p&gt;Live Website: &lt;strong&gt;&lt;a href="https://mandicentral.in" rel="noopener noreferrer"&gt;https://mandicentral.in&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;GitHub Repository: &lt;strong&gt;&lt;a href="https://github.com/hiijoshi/bill" rel="noopener noreferrer"&gt;https://github.com/hiijoshi/bill&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Screenshots and demo cover the completed modules:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Business Operations Hub&lt;/li&gt;
&lt;li&gt;Sales List&lt;/li&gt;
&lt;li&gt;Bank reconciliation&lt;/li&gt;
&lt;li&gt;Cash ledger&lt;/li&gt;
&lt;li&gt;Bank ledger&lt;/li&gt;
&lt;li&gt;Sales entry&lt;/li&gt;
&lt;li&gt;Purchase entry&lt;/li&gt;
&lt;li&gt;Farmer purchase entry&lt;/li&gt;
&lt;li&gt;Bulk PDF download&lt;/li&gt;
&lt;li&gt;Accounting reports&lt;/li&gt;
&lt;li&gt;Party ledger redirection&lt;/li&gt;
&lt;li&gt;Outstanding reports&lt;/li&gt;
&lt;li&gt;Mobile API-ready backend&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Comeback Story
&lt;/h2&gt;

&lt;p&gt;Mandi Central started with a strong idea: create one platform where mandi businesses can manage their complete daily workflow.&lt;/p&gt;

&lt;p&gt;But before this challenge, the project was stuck with many incomplete and pending items.&lt;/p&gt;

&lt;p&gt;There were more than 40 pending issues across PDF generation, sales invoices, bank ledger, cash ledger, accounting reports, outstanding reports, purchase calculations, sales calculations, mobile APIs, AWS deployment, domain setup, and UI fixes.&lt;/p&gt;

&lt;p&gt;Some of the major problems before completion were:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PDF generation was not working properly.&lt;/li&gt;
&lt;li&gt;Bulk sales bill download was missing.&lt;/li&gt;
&lt;li&gt;Mobile application APIs were pending.&lt;/li&gt;
&lt;li&gt;Farmer Purchase Entry API was pending.&lt;/li&gt;
&lt;li&gt;Purchase Entry API was pending.&lt;/li&gt;
&lt;li&gt;Sales Entry API was pending.&lt;/li&gt;
&lt;li&gt;Bank statement reading and reconciliation flow needed fixing.&lt;/li&gt;
&lt;li&gt;Balance Sheet, Profit and Loss Statement, and Trial Balance were pending.&lt;/li&gt;
&lt;li&gt;Bank ledger had incorrect data in some filters.&lt;/li&gt;
&lt;li&gt;Cash ledger needed completion.&lt;/li&gt;
&lt;li&gt;Journal voucher entries were not reflecting correctly in bank ledger.&lt;/li&gt;
&lt;li&gt;Outstanding reports needed clickable party names.&lt;/li&gt;
&lt;li&gt;Party ledger redirection was missing.&lt;/li&gt;
&lt;li&gt;Outstanding report filters were not visible properly.&lt;/li&gt;
&lt;li&gt;Supplier GST field was missing.&lt;/li&gt;
&lt;li&gt;Marka dropdown/input flow needed improvement.&lt;/li&gt;
&lt;li&gt;Purchase weight calculation needed rechecking.&lt;/li&gt;
&lt;li&gt;Purchase bill payment amount calculation needed correction.&lt;/li&gt;
&lt;li&gt;Purchase report was missing number of bags.&lt;/li&gt;
&lt;li&gt;Sales Entry needed multiple other amount buckets with remarks.&lt;/li&gt;
&lt;li&gt;Record payment needed proper bank visibility for NEFT, RTGS, UPI, and cheque.&lt;/li&gt;
&lt;li&gt;Account Head and Supplier needed controlled selection.&lt;/li&gt;
&lt;li&gt;Payment mode master needed universal modes like Cash, Cheque, NEFT, RTGS, and UPI.&lt;/li&gt;
&lt;li&gt;Sales invoice split module needed support for more than two parts like 17(A), 17(B), and 17(C).&lt;/li&gt;
&lt;li&gt;Financial year concept needed to follow 1 April to 31 March.&lt;/li&gt;
&lt;li&gt;Average rate calculation formula needed correction.&lt;/li&gt;
&lt;li&gt;Mandi tax and commission percentage dropdowns were needed in additional charges.&lt;/li&gt;
&lt;li&gt;Sales invoice and dispatch print were missing marka number.&lt;/li&gt;
&lt;li&gt;Dropdown arrows and outside-click behavior needed UI fixes.&lt;/li&gt;
&lt;li&gt;Stock adjustment remarks were not visible.&lt;/li&gt;
&lt;li&gt;Record sales receipt had unnecessary bank account and IFSC fields.&lt;/li&gt;
&lt;li&gt;Domain change and AWS speed optimization were pending.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The project had functionality, but it was not finished enough to be confidently used as a live business system.&lt;/p&gt;

&lt;p&gt;During this finish-up phase, I focused on completing the real business-critical parts first instead of only polishing the UI.&lt;/p&gt;

&lt;p&gt;I fixed the PDF generation issue, added bulk PDF download support, improved the sales invoice format, corrected cash and bank ledger flows, completed accounting-related fixes, added mobile application API support, improved outstanding reports, fixed purchase and sales calculation problems, improved dropdown behavior, and completed the domain deployment.&lt;/p&gt;

&lt;p&gt;Now the project is live at:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://mandicentral.in" rel="noopener noreferrer"&gt;https://mandicentral.in&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The biggest comeback was turning Mandi Central from an unfinished internal project into a live, usable, business-ready platform.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot
&lt;/h2&gt;

&lt;p&gt;GitHub Copilot helped me a lot during the finishing phase.&lt;/p&gt;

&lt;p&gt;This project had many interconnected modules. A small change in sales entry could affect invoice printing, ledger posting, outstanding reports, accounting heads, and financial statements. Copilot helped me move faster while checking and improving these connected flows.&lt;/p&gt;

&lt;p&gt;I used GitHub Copilot for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Understanding older parts of the codebase.&lt;/li&gt;
&lt;li&gt;Fixing PDF generation and download logic.&lt;/li&gt;
&lt;li&gt;Improving bulk PDF download flow.&lt;/li&gt;
&lt;li&gt;Cleaning sales invoice and dispatch print logic.&lt;/li&gt;
&lt;li&gt;Creating and improving mobile API structures.&lt;/li&gt;
&lt;li&gt;Improving Farmer Purchase Entry, Purchase Entry, and Sales Entry API logic.&lt;/li&gt;
&lt;li&gt;Fixing bank ledger and cash ledger data handling.&lt;/li&gt;
&lt;li&gt;Connecting journal voucher entries with ledger reports.&lt;/li&gt;
&lt;li&gt;Improving accounting head mapping.&lt;/li&gt;
&lt;li&gt;Cleaning repeated form and dropdown logic.&lt;/li&gt;
&lt;li&gt;Writing better validation for payment mode, bank, supplier, and account head.&lt;/li&gt;
&lt;li&gt;Improving report filters and party ledger redirection.&lt;/li&gt;
&lt;li&gt;Writing clearer API documentation and test steps.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Copilot did not replace the business logic decisions. The mandi business rules, accounting behavior, financial year logic, and report expectations still needed manual understanding.&lt;/p&gt;

&lt;p&gt;But Copilot helped reduce the time required to inspect files, refactor code, generate validation ideas, and improve repetitive parts of the project.&lt;/p&gt;

&lt;p&gt;It felt like having a coding partner while finishing a large, messy, real-world project.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Changed After Completion
&lt;/h2&gt;

&lt;p&gt;Here are the major completed improvements:&lt;/p&gt;

&lt;h3&gt;
  
  
  PDF and Invoice
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed PDF generation issue.&lt;/li&gt;
&lt;li&gt;Added bulk sales bill PDF download.&lt;/li&gt;
&lt;li&gt;Added download option for bulk PDF.&lt;/li&gt;
&lt;li&gt;Updated sales invoice format.&lt;/li&gt;
&lt;li&gt;Added marka number in sales invoice and dispatch print.&lt;/li&gt;
&lt;li&gt;Fixed sales invoice split module for multiple invoice parts like 17(A), 17(B), and more.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Mobile Application APIs
&lt;/h3&gt;

&lt;p&gt;Completed mobile API planning and backend support for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Farmer Purchase Entry&lt;/li&gt;
&lt;li&gt;Purchase Entry&lt;/li&gt;
&lt;li&gt;Sales Entry&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These APIs are now ready for mobile application integration so the same backend and database can be used by both web and mobile apps.&lt;/p&gt;

&lt;h3&gt;
  
  
  Sales Module
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed Sales Entry additional charges.&lt;/li&gt;
&lt;li&gt;Added multiple other amount bucket support.&lt;/li&gt;
&lt;li&gt;Added remarks in other charges.&lt;/li&gt;
&lt;li&gt;Added mandi tax percentage auto calculation and dropdown support.&lt;/li&gt;
&lt;li&gt;Added commission percentage dropdown in additional charges.&lt;/li&gt;
&lt;li&gt;Moved add charges button to the correct position.&lt;/li&gt;
&lt;li&gt;Allowed total weight in quintal to be editable.&lt;/li&gt;
&lt;li&gt;Removed unnecessary bank account and IFSC fields from sales receipt.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Purchase Module
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Rechecked purchase entry weight calculation.&lt;/li&gt;
&lt;li&gt;Fixed purchase bill kishan bhugtan rashi issue.&lt;/li&gt;
&lt;li&gt;Added number of bags in purchase report.&lt;/li&gt;
&lt;li&gt;Changed Purchase List label from Party to Farmer / Supplier.&lt;/li&gt;
&lt;li&gt;Added marka filter in Purchase List.&lt;/li&gt;
&lt;li&gt;Added supplier GST field.&lt;/li&gt;
&lt;li&gt;Improved marka dropdown and new input option.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Ledger and Accounting
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed Bank Ledger incorrect data issue.&lt;/li&gt;
&lt;li&gt;Completed Cash Ledger.&lt;/li&gt;
&lt;li&gt;Fixed Journal Voucher reflection in Bank Ledger.&lt;/li&gt;
&lt;li&gt;Added Payment Journal Voucher Entry screen.&lt;/li&gt;
&lt;li&gt;Added accounting head related information.&lt;/li&gt;
&lt;li&gt;Improved account head and supplier controlled selection.&lt;/li&gt;
&lt;li&gt;Added universal payment modes: Cash, Cheque, NEFT, RTGS, UPI.&lt;/li&gt;
&lt;li&gt;Added Balance Sheet.&lt;/li&gt;
&lt;li&gt;Added Profit and Loss Statement.&lt;/li&gt;
&lt;li&gt;Added Trial Balance.&lt;/li&gt;
&lt;li&gt;Added financial year concept from 1 April to 31 March.
Updated average rate formula:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Average Rate = Gross Total Amount / Total Weight
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Outstanding and Reports
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Removed Outstanding Board Report from all operation reports.&lt;/li&gt;
&lt;li&gt;Added outstanding overdue by day.&lt;/li&gt;
&lt;li&gt;Made party names clickable in outstanding reports.&lt;/li&gt;
&lt;li&gt;Added redirection to party ledger.&lt;/li&gt;
&lt;li&gt;Improved outstanding report filter visibility.&lt;/li&gt;
&lt;li&gt;Added party-to-ledger redirection from report dropdown.&lt;/li&gt;
&lt;li&gt;Improved report filter and search behavior.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  UI and Deployment
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed company dropdown outside-click closing behavior.&lt;/li&gt;
&lt;li&gt;Fixed dropdown arrow button behavior.&lt;/li&gt;
&lt;li&gt;Improved Business Operations Hub layout.&lt;/li&gt;
&lt;li&gt;Shifted project to AWS.&lt;/li&gt;
&lt;li&gt;Improved speed and deployment stability.&lt;/li&gt;
&lt;li&gt;Changed and connected the domain.&lt;/li&gt;
&lt;li&gt;Made the final project live on &lt;strong&gt;mandicentral.in&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
      <category>webdev</category>
      <category>nextjs</category>
    </item>
    <item>
      <title>Market Intelligence AI Agent - Real-time Competitor Analysis with Beautiful Web GUI</title>
      <dc:creator>himanshu joshi</dc:creator>
      <pubDate>Sat, 23 Aug 2025 06:05:45 +0000</pubDate>
      <link>https://dev.to/himanshu_joshi_d1e6144a7b/market-intelligence-ai-agent-real-time-competitor-analysis-with-beautiful-web-gui-3kf6</link>
      <guid>https://dev.to/himanshu_joshi_d1e6144a7b/market-intelligence-ai-agent-real-time-competitor-analysis-with-beautiful-web-gui-3kf6</guid>
      <description>&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;A powerful &lt;strong&gt;Market Intelligence AI Agent&lt;/strong&gt; with a stunning web interface that transforms product data into actionable business intelligence using Bright Data and OpenAI. This isn't just another API - it's a complete business intelligence platform with a professional GUI that companies can actually use!&lt;/p&gt;

&lt;h2&gt;
  
  
  🔗 Links
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;🌐 GitHub Repository&lt;/strong&gt;: &lt;a href="https://github.com/yourusername/market-intelligence-ai-agent" rel="noopener noreferrer"&gt;https://github.com/yourusername/market-intelligence-ai-agent&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;💻 Live Demo&lt;/strong&gt;: Beautiful web interface with real-time analysis&lt;br&gt;
&lt;strong&gt;🎬 Demo Video&lt;/strong&gt;: [Add your demo video if you have one]&lt;/p&gt;

&lt;h2&gt;
  
  
  📸 Screenshots
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Beautiful Web Interface
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Modern gradient design with interactive product analysis form&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Real-time Results Display
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Instant AI analysis with structured insights and market intelligence&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Market Trends Dashboard
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Live market trends with product tracking statistics&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How It Works
&lt;/h2&gt;

&lt;h3&gt;
  
  
  The Complete Pipeline:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;🎨 Beautiful Web Form&lt;/strong&gt; → User enters product details via stunning GUI&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🕷️ Bright Data Integration&lt;/strong&gt; → Real-time web scraping capabilities
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🤖 AI Analysis Engine&lt;/strong&gt; → OpenAI processes data for market insights&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;📊 Interactive Results&lt;/strong&gt; → Beautiful cards showing structured intelligence&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;📈 Market Dashboard&lt;/strong&gt; → Live trends and historical analysis&lt;/li&gt;
&lt;/ol&gt;

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

&lt;h3&gt;
  
  
  🎨 &lt;strong&gt;Professional Web Interface&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Modern, responsive design with gradient styling&lt;/li&gt;
&lt;li&gt;Interactive forms with real-time validation&lt;/li&gt;
&lt;li&gt;Beautiful results display with structured cards&lt;/li&gt;
&lt;li&gt;Mobile-friendly responsive layout&lt;/li&gt;
&lt;li&gt;Professional dashboard with live statistics&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🤖 &lt;strong&gt;AI-Powered Intelligence&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Real-time price trend detection&lt;/li&gt;
&lt;li&gt;Stock status monitoring and alerts&lt;/li&gt;
&lt;li&gt;Rating and review analysis&lt;/li&gt;
&lt;li&gt;Competitive positioning insights&lt;/li&gt;
&lt;li&gt;Historical data comparison&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📊 &lt;strong&gt;Business Intelligence&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Automated competitor research&lt;/li&gt;
&lt;li&gt;Market opportunity identification
&lt;/li&gt;
&lt;li&gt;Data-driven pricing recommendations&lt;/li&gt;
&lt;li&gt;Scalable product monitoring&lt;/li&gt;
&lt;li&gt;Actionable business insights&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Technical Implementation
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Frontend Excellence
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- Beautiful, responsive web interface --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"container"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"header"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;🤖 Market Intelligence AI Agent&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Real-time competitor analysis powered by AI&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
  &lt;span class="c"&gt;&amp;lt;!-- Interactive forms and results display --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Backend Power
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="c1"&gt;# Flask application with AI integration
&lt;/span&gt;&lt;span class="nd"&gt;@app.route&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;'&lt;/span&gt;&lt;span class="s"&gt;/analyze&lt;/span&gt;&lt;span class="sh"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;methods&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;'&lt;/span&gt;&lt;span class="s"&gt;POST&lt;/span&gt;&lt;span class="sh"&gt;'&lt;/span&gt;&lt;span class="p"&gt;])&lt;/span&gt;
&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;analyze&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
    &lt;span class="n"&gt;raw_data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;request&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;get_json&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="n"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;agent&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;analyze_data&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;raw_data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nf"&gt;jsonify&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;result&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Sample Output
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"structured_data"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"product"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Nike Air Zoom Pegasus"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"price"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"$120"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"availability"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"In Stock"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"rating"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"4.6/5"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"insights"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Price increased 8% from last week"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"summary"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="s2"&gt;"Nike Air Zoom Pegasus is in stock at $120"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="s2"&gt;"Price trending upward - strong demand indicated"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="s2"&gt;"High customer satisfaction with 4.6/5 rating"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Why It's Unstoppable
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🚀 &lt;strong&gt;Real Business Value&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;This isn't just a tech demo - it's a production-ready business intelligence platform that companies would actually pay for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;E-commerce teams&lt;/strong&gt; can monitor competitor pricing automatically&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Product managers&lt;/strong&gt; get instant market intelligence&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Marketing teams&lt;/strong&gt; receive competitive analysis insights&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Executives&lt;/strong&gt; make data-driven strategic decisions&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🎯 &lt;strong&gt;Perfect Challenge Compliance&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;✅ Bright Data Integration&lt;/strong&gt;: Real-time web scraping capabilities&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;✅ AI Enhancement&lt;/strong&gt;: OpenAI-powered intelligent analysis
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;✅ Practical Application&lt;/strong&gt;: Solves genuine business problems&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;✅ Technical Excellence&lt;/strong&gt;: Professional-grade implementation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;✅ User Experience&lt;/strong&gt;: Beautiful, intuitive web interface&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  💡 &lt;strong&gt;Innovation Beyond Requirements&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;While the challenge asked for functionality, I delivered a complete user experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Professional web GUI (not just APIs)&lt;/li&gt;
&lt;li&gt;Real-time interactive dashboard&lt;/li&gt;
&lt;li&gt;Mobile-responsive design&lt;/li&gt;
&lt;li&gt;Production-ready architecture&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Business Impact
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Immediate Value
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Time Savings&lt;/strong&gt;: Automate hours of manual competitor research&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Competitive Advantage&lt;/strong&gt;: Real-time market intelligence alerts&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Better Decisions&lt;/strong&gt;: AI-powered insights for pricing and strategy&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scalability&lt;/strong&gt;: Monitor hundreds of products simultaneously&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Market Opportunity
&lt;/h3&gt;

&lt;p&gt;The global competitive intelligence market is worth $3.2B and growing. This platform addresses core pain points:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Manual research is time-consuming and error-prone&lt;/li&gt;
&lt;li&gt;Existing tools are expensive and complex&lt;/li&gt;
&lt;li&gt;Real-time insights are crucial for fast-moving markets&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Technical Architecture
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Backend&lt;/strong&gt;: Python Flask with SQLite database&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Frontend&lt;/strong&gt;: Modern HTML5, CSS3, JavaScript&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI&lt;/strong&gt;: OpenAI GPT for intelligent analysis&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data&lt;/strong&gt;: Bright Data API for reliable web scraping&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment&lt;/strong&gt;: Docker-ready with production configuration&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Quick Start
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Clone and run&lt;/span&gt;
git clone https://github.com/yourusername/market-intelligence-ai-agent.git
&lt;span class="nb"&gt;cd &lt;/span&gt;market-intelligence-ai-agent
pip &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; requirements.txt
python app.py

&lt;span class="c"&gt;# Open browser: http://localhost:5000&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  What Makes This Special
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Beyond the Challenge Requirements
&lt;/h3&gt;

&lt;p&gt;Most submissions will focus on basic functionality. This project delivers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Complete user experience&lt;/strong&gt; with professional GUI&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Real business application&lt;/strong&gt; that companies can use immediately
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Production-ready quality&lt;/strong&gt; with proper architecture&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scalable foundation&lt;/strong&gt; for future enhancements&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Competitive Differentiation
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Beautiful Design&lt;/strong&gt;: Professional interface that users love&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Business Focus&lt;/strong&gt;: Solves real problems with measurable ROI&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Technical Excellence&lt;/strong&gt;: Clean code, proper architecture&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Market Ready&lt;/strong&gt;: Can be deployed and monetized immediately&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Future Roadmap
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Phase 1 (Current) ✅
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Web GUI with real-time analysis&lt;/li&gt;
&lt;li&gt;AI-powered market insights&lt;/li&gt;
&lt;li&gt;Historical trend tracking&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Phase 2 (Next)
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Multi-language support&lt;/li&gt;
&lt;li&gt;Advanced analytics dashboard&lt;/li&gt;
&lt;li&gt;Email/Slack notifications&lt;/li&gt;
&lt;li&gt;User authentication system&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Phase 3 (Future)
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Machine learning price predictions&lt;/li&gt;
&lt;li&gt;API marketplace integration&lt;/li&gt;
&lt;li&gt;White-label solutions&lt;/li&gt;
&lt;li&gt;Enterprise features&lt;/li&gt;
&lt;/ul&gt;

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

&lt;h3&gt;
  
  
  Try It Yourself:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Clone the repository&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Install dependencies&lt;/strong&gt;: &lt;code&gt;pip install -r requirements.txt&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Run the app&lt;/strong&gt;: &lt;code&gt;python app.py&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Open browser&lt;/strong&gt;: &lt;code&gt;http://localhost:5000&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Enter product details&lt;/strong&gt; and see AI analysis in action!&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Sample Test Data:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Product&lt;/strong&gt;: Nike Air Zoom Pegasus&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Price&lt;/strong&gt;: $120&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Stock&lt;/strong&gt;: In Stock&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Rating&lt;/strong&gt;: 4.5/5&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Source&lt;/strong&gt;: nike.com&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;The &lt;strong&gt;Market Intelligence AI Agent&lt;/strong&gt; represents the perfect fusion of cutting-edge AI technology with practical business value. By combining Bright Data's reliable web scraping, OpenAI's intelligent analysis, and a beautiful user interface, this platform delivers immediate value to businesses while showcasing technical excellence.&lt;/p&gt;

&lt;p&gt;This isn't just a hackathon project - it's the foundation of a real business intelligence platform that companies would pay to use.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Ready to revolutionize competitive intelligence? The future of market analysis is here!&lt;/strong&gt; 🚀&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;🏆 Built for DEV.to x n8n x Bright Data Challenge&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GitHub&lt;/strong&gt;: &lt;a href="https://github.com/anshuhimanshu001/market-intelligence-ai-agent.git" rel="noopener noreferrer"&gt;https://github.com/anshuhimanshu001/market-intelligence-ai-agent.git&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tags&lt;/strong&gt;: #brightdata #ai #marketintelligence #webgui #competitoranalysis #flask #openai #businessintelligence #hackathon #n8n&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>n8nbrightdatachallenge</category>
      <category>ai</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Embracing the Solstice: A Winter Wonderland of Science, Traditions, and Celebrations</title>
      <dc:creator>himanshu joshi</dc:creator>
      <pubDate>Sun, 29 Dec 2024 16:07:07 +0000</pubDate>
      <link>https://dev.to/himanshu_joshi_d1e6144a7b/embracing-the-solstice-a-winter-wonderland-of-science-traditions-and-celebrations-2fbd</link>
      <guid>https://dev.to/himanshu_joshi_d1e6144a7b/embracing-the-solstice-a-winter-wonderland-of-science-traditions-and-celebrations-2fbd</guid>
      <description>&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;
&lt;br&gt;
&lt;/p&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
    Winter Solstice Celebrations&lt;br&gt;
    &lt;br&gt;
    &amp;lt;br&amp;gt;
        body {&amp;lt;br&amp;gt;
            font-family: &amp;amp;#39;Montserrat&amp;amp;#39;, sans-serif;&amp;lt;br&amp;gt;
            margin: 0;&amp;lt;br&amp;gt;
            padding: 0;&amp;lt;br&amp;gt;
            background: linear-gradient(to bottom, #1a1a2e, #16213e, #0f3460);&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            overflow-x: hidden;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        body::before {&amp;lt;br&amp;gt;
            content: &amp;amp;#39;&amp;amp;#39;;&amp;lt;br&amp;gt;
            position: fixed;&amp;lt;br&amp;gt;
            top: 0;&amp;lt;br&amp;gt;
            left: 0;&amp;lt;br&amp;gt;
            width: 100%;&amp;lt;br&amp;gt;
            height: 100%;&amp;lt;br&amp;gt;
            background: url(&amp;amp;#39;&amp;lt;a href="https://source.unsplash.com/1600x900/?snow,forest&amp;amp;#x27;"&amp;gt;https://source.unsplash.com/1600x900/?snow,forest&amp;amp;#39;&amp;lt;/a&amp;gt;) no-repeat center center/cover;&amp;lt;br&amp;gt;
            opacity: 0.5;&amp;lt;br&amp;gt;
            z-index: -1;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header {&amp;lt;br&amp;gt;
            text-align: center;&amp;lt;br&amp;gt;
            padding: 50px 20px;&amp;lt;br&amp;gt;
            background: rgba(0, 0, 0, 0.7);&amp;lt;br&amp;gt;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header h1 {&amp;lt;br&amp;gt;
            font-size: 2.5rem;&amp;lt;br&amp;gt;
            margin-bottom: 10px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header nav ul {&amp;lt;br&amp;gt;
            list-style: none;&amp;lt;br&amp;gt;
            padding: 0;&amp;lt;br&amp;gt;
            display: flex;&amp;lt;br&amp;gt;
            justify-content: center;&amp;lt;br&amp;gt;
            gap: 20px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header nav ul li a {&amp;lt;br&amp;gt;
            text-decoration: none;&amp;lt;br&amp;gt;
            color: #00d4ff;&amp;lt;br&amp;gt;
            font-weight: 700;&amp;lt;br&amp;gt;
            transition: color 0.3s ease;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header nav ul li a:hover {&amp;lt;br&amp;gt;
            color: #ff69b4;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        section {&amp;lt;br&amp;gt;
            padding: 40px 20px;&amp;lt;br&amp;gt;
            margin: 20px auto;&amp;lt;br&amp;gt;
            max-width: 900px;&amp;lt;br&amp;gt;
            background: rgba(255, 255, 255, 0.1);&amp;lt;br&amp;gt;
            border-radius: 10px;&amp;lt;br&amp;gt;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        section h2 {&amp;lt;br&amp;gt;
            color: #00d4ff;&amp;lt;br&amp;gt;
            text-align: center;&amp;lt;br&amp;gt;
            margin-bottom: 20px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .celebration {&amp;lt;br&amp;gt;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);&amp;lt;br&amp;gt;
            padding-bottom: 20px;&amp;lt;br&amp;gt;
            margin-bottom: 20px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .celebration:last-child {&amp;lt;br&amp;gt;
            border-bottom: none;&amp;lt;br&amp;gt;
            margin-bottom: 0;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .snowflake {&amp;lt;br&amp;gt;
            position: absolute;&amp;lt;br&amp;gt;
            top: -10px;&amp;lt;br&amp;gt;
            font-size: 1.5rem;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            animation: fall 10s linear infinite;&amp;lt;br&amp;gt;
            opacity: 0.8;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        @keyframes fall {&amp;lt;br&amp;gt;
            0% {&amp;lt;br&amp;gt;
                transform: translateY(-100px) rotate(0deg);&amp;lt;br&amp;gt;
                left: calc(100% * var(--x-start));&amp;lt;br&amp;gt;
            }&amp;lt;br&amp;gt;
            100% {&amp;lt;br&amp;gt;
                transform: translateY(100vh) rotate(360deg);&amp;lt;br&amp;gt;
                left: calc(100% * var(--x-end));&amp;lt;br&amp;gt;
            }&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        footer {&amp;lt;br&amp;gt;
            text-align: center;&amp;lt;br&amp;gt;
            padding: 20px;&amp;lt;br&amp;gt;
            background: rgba(0, 0, 0, 0.7);&amp;lt;br&amp;gt;
            box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.5);&amp;lt;br&amp;gt;
            color: #bbb;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        footer nav ul {&amp;lt;br&amp;gt;
            list-style: none;&amp;lt;br&amp;gt;
            padding: 0;&amp;lt;br&amp;gt;
            display: flex;&amp;lt;br&amp;gt;
            justify-content: center;&amp;lt;br&amp;gt;
            gap: 15px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        footer nav ul li a {&amp;lt;br&amp;gt;
            text-decoration: none;&amp;lt;br&amp;gt;
            color: #00d4ff;&amp;lt;br&amp;gt;
            transition: color 0.3s ease;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        footer nav ul li a:hover {&amp;lt;br&amp;gt;
            color: #ff69b4;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .customize-panel {&amp;lt;br&amp;gt;
            position: fixed;&amp;lt;br&amp;gt;
            top: 20px;&amp;lt;br&amp;gt;
            right: 20px;&amp;lt;br&amp;gt;
            background: rgba(0, 0, 0, 0.7);&amp;lt;br&amp;gt;
            padding: 15px;&amp;lt;br&amp;gt;
            border-radius: 10px;&amp;lt;br&amp;gt;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);&amp;lt;br&amp;gt;
            z-index: 1000;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .customize-panel label {&amp;lt;br&amp;gt;
            display: block;&amp;lt;br&amp;gt;
            margin-bottom: 10px;&amp;lt;br&amp;gt;
            font-size: 0.9rem;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .customize-panel input[type=&amp;amp;quot;range&amp;amp;quot;] {&amp;lt;br&amp;gt;
            width: 100%;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
    &lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;br&gt;
        &lt;h1&gt;Celebrating the Winter Solstice&lt;/h1&gt;
&lt;br&gt;
        &lt;br&gt;
            &lt;ul&gt;

                &lt;li&gt;Introduction&lt;/li&gt;

                &lt;li&gt;The Science&lt;/li&gt;

                &lt;li&gt;Across Hemispheres&lt;/li&gt;

                &lt;li&gt;Celebrations&lt;/li&gt;

                &lt;li&gt;Traditions&lt;/li&gt;

                &lt;li&gt;Conclusion&lt;/li&gt;

            &lt;/ul&gt;
&lt;br&gt;
        &lt;br&gt;
    
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;section id="introduction"&amp;gt;
    &amp;lt;h2&amp;gt;Introduction&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;The winter solstice marks the shortest day and the longest night of the year. It’s a time of reflection and celebration for many cultures.&amp;lt;/p&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;section id="science"&amp;gt;
    &amp;lt;h2&amp;gt;The Science Behind the Solstice&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;The Earth’s axial tilt creates this phenomenon, bringing seasonal changes that affect all living beings.&amp;lt;/p&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;section id="hemispheres"&amp;gt;
    &amp;lt;h2&amp;gt;Solstice Across Hemispheres&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;While the Northern Hemisphere experiences winter, the Southern Hemisphere enjoys summer.&amp;lt;/p&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;section id="celebrations"&amp;gt;
    &amp;lt;h2&amp;gt;Global Celebrations&amp;lt;/h2&amp;gt;
    &amp;lt;div class="celebration"&amp;gt;
        &amp;lt;h3&amp;gt;Newgrange - Ireland&amp;lt;/h3&amp;gt;
        &amp;lt;p&amp;gt;Sunlight illuminates the chamber of this ancient site during the solstice.&amp;lt;/p&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class="celebration"&amp;gt;
        &amp;lt;h3&amp;gt;Koliada - Eastern Europe&amp;lt;/h3&amp;gt;
        &amp;lt;p&amp;gt;Carols, feasts, and bonfires mark this Slavic celebration.&amp;lt;/p&amp;gt;
    &amp;lt;/div&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;section id="traditions"&amp;gt;
    &amp;lt;h2&amp;gt;Common Traditions&amp;lt;/h2&amp;gt;
    &amp;lt;ul&amp;gt;
        &amp;lt;li&amp;gt;Bonfires and candles&amp;lt;/li&amp;gt;
        &amp;lt;li&amp;gt;Feasting with loved ones&amp;lt;/li&amp;gt;
        &amp;lt;li&amp;gt;Decorating with evergreens&amp;lt;/li&amp;gt;
    &amp;lt;/ul&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;section id="conclusion"&amp;gt;
    &amp;lt;h2&amp;gt;Conclusion&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;The winter solstice connects us to our ancestors and the cosmos.&amp;lt;/p&amp;gt;
&amp;lt;/section&amp;gt;

&amp;lt;footer id="main-footer"&amp;gt;
    &amp;lt;p&amp;gt;&amp;amp;copy; 2024 Winter Solstice Celebrations&amp;lt;/p&amp;gt;
    &amp;lt;nav id="footer-nav"&amp;gt;
        &amp;lt;ul&amp;gt;
            &amp;lt;li&amp;gt;&amp;lt;a href="#main-header"&amp;gt;Back to Top&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
        &amp;lt;/ul&amp;gt;
    &amp;lt;/nav&amp;gt;
&amp;lt;/footer&amp;gt;


&amp;lt;script&amp;gt;

    }
&lt;/code&gt;&lt;/pre&gt;


&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
&lt;/code&gt;&lt;/pre&gt;



</description>
      <category>frontendchallenge</category>
      <category>devchallenge</category>
      <category>css</category>
    </item>
  </channel>
</rss>
