<?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>Forem: Bharath Manepalli</title>
    <description>The latest articles on Forem by Bharath Manepalli (@nani_hatake_cff6f15517cdd).</description>
    <link>https://forem.com/nani_hatake_cff6f15517cdd</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%2F1506056%2Fae38ced2-0c2a-442b-b738-4f2b8a6f49c1.jpg</url>
      <title>Forem: Bharath Manepalli</title>
      <link>https://forem.com/nani_hatake_cff6f15517cdd</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/nani_hatake_cff6f15517cdd"/>
    <language>en</language>
    <item>
      <title>From Barriers to Opportunity: A Glass Ceiling Animation</title>
      <dc:creator>Bharath Manepalli</dc:creator>
      <pubDate>Sat, 28 Mar 2026 09:08:23 +0000</pubDate>
      <link>https://forem.com/nani_hatake_cff6f15517cdd/from-barriers-to-opportunity-a-glass-ceiling-animation-16a0</link>
      <guid>https://forem.com/nani_hatake_cff6f15517cdd/from-barriers-to-opportunity-a-glass-ceiling-animation-16a0</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/wecoded-2026"&gt;2026 WeCoded Challenge&lt;/a&gt;: Frontend Art&lt;/em&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Breaking the Glass Ceiling Through Code
&lt;/h1&gt;

&lt;h2&gt;
  
  
  Show us your Art
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://codepen.io/Nani-Hatake/pen/QwKQdZz" rel="noopener noreferrer"&gt;https://codepen.io/Nani-Hatake/pen/QwKQdZz&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Inspiration
&lt;/h2&gt;

&lt;p&gt;This piece represents the idea of breaking invisible barriers in technology and opportunities through visual storytelling.&lt;/p&gt;

&lt;p&gt;I wanted to express this concept using only HTML and CSS animations. The glass-like surface represents limitations and barriers that exist in many spaces, while the cracking and falling shards symbolize those barriers being broken over time.&lt;/p&gt;

&lt;p&gt;As the glass breaks, the idea of code and opportunity rises upward, representing progress, growth, and equal access to technology. The entire piece is built with simple frontend tools to show that even basic web technologies can be powerful for creative expression.&lt;/p&gt;




&lt;h2&gt;
  
  
  My Code
&lt;/h2&gt;

&lt;p&gt;👉&lt;a href="https://codepen.io/Nani-Hatake/pen/QwKQdZz" rel="noopener noreferrer"&gt;https://codepen.io/Nani-Hatake/pen/QwKQdZz&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Optional Note
&lt;/h2&gt;

&lt;p&gt;This project is built using only HTML and CSS, focusing on animation and visual storytelling &lt;/p&gt;




&lt;p&gt;Thanks for the opportunity to participate in this challenge!&lt;/p&gt;

</description>
      <category>wecoded</category>
      <category>devchallenge</category>
      <category>frontend</category>
      <category>css</category>
    </item>
    <item>
      <title>From Errors to Experience: My Developer Journey</title>
      <dc:creator>Bharath Manepalli</dc:creator>
      <pubDate>Sat, 28 Mar 2026 08:38:13 +0000</pubDate>
      <link>https://forem.com/nani_hatake_cff6f15517cdd/from-errors-to-experience-my-developer-journey-a23</link>
      <guid>https://forem.com/nani_hatake_cff6f15517cdd/from-errors-to-experience-my-developer-journey-a23</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/wecoded-2026"&gt;2026 WeCoded Challenge&lt;/a&gt;: Echoes of Experience&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Echoes of My Early Developer Journey
&lt;/h2&gt;

&lt;p&gt;I didn’t start with a clear roadmap or a perfect plan. Like many developers, I began by trying things, breaking things, and slowly understanding how systems actually work.&lt;/p&gt;

&lt;p&gt;At first, even simple setups felt overwhelming — configuring environments, fixing errors, understanding how backend and frontend connect. But instead of avoiding those challenges, I leaned into them. Every error became a clue, and every fix felt like unlocking a new level.&lt;/p&gt;

&lt;h2&gt;
  
  
  Learning by Building
&lt;/h2&gt;

&lt;p&gt;Rather than just watching tutorials, I focused on building small, real projects. Recently, I worked on creating an AI-powered bug tracking system that logs errors into a structured workflow. While building it, I faced real issues — API errors, configuration mistakes, and integration problems.&lt;/p&gt;

&lt;p&gt;What changed things for me was realizing that these problems are not obstacles — they &lt;em&gt;are&lt;/em&gt; the learning process.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Reality of Growth
&lt;/h2&gt;

&lt;p&gt;Working on practical systems taught me something important: development isn’t about knowing everything. It’s about being able to figure things out step by step.&lt;/p&gt;

&lt;p&gt;There were moments where things didn’t work at all — APIs failed, integrations broke, and errors made no sense. But each time I debugged and solved something, my confidence grew.&lt;/p&gt;

&lt;h2&gt;
  
  
  What This Journey Taught Me
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Consistency matters more than perfection
&lt;/li&gt;
&lt;li&gt;Building teaches more than consuming content
&lt;/li&gt;
&lt;li&gt;Errors are not failures — they are feedback
&lt;/li&gt;
&lt;li&gt;Real growth comes from solving real problems
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;This journey is still ongoing, but one thing is clear: progress comes from showing up and building, even when things feel confusing.&lt;/p&gt;

&lt;p&gt;If you’re just starting out or feeling stuck, keep going. The confusion you feel today will become the experience you rely on tomorrow.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>wecoded</category>
      <category>dei</category>
      <category>career</category>
    </item>
    <item>
      <title>AI Bug Tracker with Notion MCP</title>
      <dc:creator>Bharath Manepalli</dc:creator>
      <pubDate>Sat, 28 Mar 2026 06:35:04 +0000</pubDate>
      <link>https://forem.com/nani_hatake_cff6f15517cdd/ai-bug-tracker-with-notion-mcp-67a</link>
      <guid>https://forem.com/nani_hatake_cff6f15517cdd/ai-bug-tracker-with-notion-mcp-67a</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/notion-2026-03-04"&gt;Notion MCP Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built an AI-powered Bug Tracker that automates the process of logging and organizing application errors using Notion as a centralized system.&lt;/p&gt;

&lt;p&gt;Developers can send error messages through a simple API endpoint, and the system processes them by categorizing each issue (Frontend, Backend, Database, or API) and generating a suggested fix.&lt;/p&gt;

&lt;p&gt;Each error is then automatically stored in a structured Notion database with its category, solution, and status. This removes the need for manual tracking and keeps debugging workflows clean and organized.&lt;/p&gt;

&lt;p&gt;The goal of this project is to turn raw error messages into structured, actionable data and demonstrate how developer workflows can be automated using Notion as a backend.&lt;/p&gt;

&lt;h2&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%2Fwc0okedot0auzlfx7sbn.png" alt=" " width="800" height="201"&gt;
&lt;/h2&gt;

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

&lt;p&gt;Watch how errors are analyzed and automatically logged into Notion 👇&lt;/p&gt;

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/5EGxBZ3TWbE"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;




&lt;h2&gt;
  
  
  Show us the code
&lt;/h2&gt;

&lt;p&gt;GitHub Repository:&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/Nani-Hatake/ai-bug-tracker" rel="noopener noreferrer"&gt;https://github.com/Nani-Hatake/ai-bug-tracker&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  How I Used Notion MCP
&lt;/h2&gt;

&lt;p&gt;I used Notion as a backend database by integrating it through the Notion API.&lt;/p&gt;

&lt;p&gt;Whenever an error is sent to the application, it is processed and stored as a new entry in a Notion database with structured fields like error message, category, suggested fix, and status.&lt;/p&gt;

&lt;p&gt;This transforms Notion into a lightweight bug tracking system, enabling a centralized and automated workflow for managing errors efficiently.&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%2Ftixkb2lulayrv59rxv31.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%2Ftixkb2lulayrv59rxv31.png" alt=" " width="800" height="329"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Node.js
&lt;/li&gt;
&lt;li&gt;Express.js
&lt;/li&gt;
&lt;li&gt;Notion API
&lt;/li&gt;
&lt;li&gt;dotenv
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&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%2Fpmh6lkwbl3yqwsmwcrvm.png" alt=" " width="789" height="826"&gt;
&lt;/h2&gt;

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

&lt;ul&gt;
&lt;li&gt;Automatically logs errors into Notion
&lt;/li&gt;
&lt;li&gt;Categorizes issues (Frontend, Backend, Database, API)
&lt;/li&gt;
&lt;li&gt;Stores suggested fixes
&lt;/li&gt;
&lt;li&gt;Centralized bug tracking system
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Future Improvements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Integrate a real LLM for smarter error analysis
&lt;/li&gt;
&lt;li&gt;Add a frontend UI
&lt;/li&gt;
&lt;li&gt;Enable status updates (Open → Fixed)
&lt;/li&gt;
&lt;li&gt;Add search and filtering
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;This project shows how integrating a backend system with Notion can create a simple yet powerful workflow automation tool. It highlights how structured data and automation can significantly improve developer productivity.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>notionchallenge</category>
      <category>mcp</category>
      <category>ai</category>
    </item>
  </channel>
</rss>
