Expenses Chart Display - TailwindCSS

Hi there 👋, This is my solution for this challenge.

📑 Features:-

• Achieved 95% Accessibility, 100% SEO, 100% Performance and 95% Best Practices in Desktop Lighthouse. 📊
• Achieved 95% Accessibility, 100% SEO, 100% Performance and 95% Best Practices in Mobile Lighthouse. 📊
• Styling implemented using Tailwind CSS 🎨
• Reading data on JSON file & rendering it to the JavaScript using JSON.parse( ) 📝
• For loop method & If else statement in JavaScript 📝
• Document Object Module ( DOM ) 📝
• classList.add/remove( ) in JavaScript. 📝
• onmouseover & onmouseout attributes for showing bar results while hovering. ✨
• FlexBox 📦
• Code formatted using Prettier 💻

The issue I've stumbled into was that I wanted to show the results of each bar while hovering individually on each bar using JavaScript, I've tried several ways in my JavaScript coding but couldn't achieve it and instead shows all of the results together, If anyone could check the script.js and suggest to me a better way for showing the results individually, I'll be very appreciated.

I'll appreciate any suggestions & feedback to achieve better performance.

Thank you. ✌️