Skip to content
Submitted over 1 year ago

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

bem, sass/scss, fetch
P
DalaScript•670
@DalaScript
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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. 👨‍💻
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on DalaScript's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord