Responsive Time tracking dashboard using SCSS, BEM, Grid and fetch API

What are you most proud of, and what would you do differently next time?

• I'm most proud of successfully implementing the API integration for my time tracking dashboard. 🌟
• It was my first time working with APIs, and despite the challenges, I managed to get it working seamlessly. 😃
• Seeing real-time data dynamically displayed on the dashboard was incredibly satisfying. 🕒✨
• Next time, I'd focus on improving my JavaScript logic and structuring my code more efficiently. 🧠💡
• I'd also like to explore using a front-end framework like React to streamline the process and enhance the user experience. 🚀

What challenges did you encounter, and how did you overcome them?

• One major challenge I encountered was dealing with the layout of the cards. 🃏
• When I applied a background color to the parent element and a background image to the child element, the parent's background color was visible in the corners and on the sides, which was puzzling. 🤔
• I tried various approaches, and although I didn't fully understand the issue, I eventually found a solution that made the design look much better. 🌈
• Additionally, working with the API was challenging, but I overcame this by referencing my previous projects and conducting thorough research online. 🔍
• Persistence and problem-solving were key in overcoming these hurdles! 💪

What specific areas of your project would you like help with?

• I would greatly appreciate feedback on my JavaScript file. ✨
• Specifically, I am looking for suggestions on how to improve my code structure and logic. 🧩
• Additionally, any tips or best practices for working with APIs would be incredibly helpful. 📡
• I'm always eager to learn and improve, and input from others would be invaluable in refining my skills. 👨‍💻