Submitted 10 months agoA solution to the Time tracking dashboard challenge
Time tracking dashboard
sass/scss
@danielashjari

Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm proud of...
- my js file, it was my first time working with promises and json files
- my design got better and closer to the given task
- using svg in more responsive way
Things I'd do differently...
- use aria variables
- use libraries and frameworks but i gotta get there first
- how to show data from json file in my html -> use promise and async functions
async function populate() {
const requestURL = "dist/js/data.json";
const response = await fetch(requestURL);
const data = await response.json();
dailyBtn.addEventListener("click", () => {
populateDaily(data);
});
...}
function populateDaily(data) {
data.forEach(item => {
...
time.innerHTML = `${item.timeframes.daily.current}hrs`;
lastTime.innerHTML = `Last Day - ${item.timeframes.daily.previous}hrs`;
});
}
What specific areas of your project would you like help with?
in styles mostly and how to center vertically
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on daniel'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