HTML Scss javascript bem mobile firts

Solution retrospective
constancy, learning, improving the way to approach the challenges, y the times to finish programming.
What challenges did you encounter, and how did you overcome them?the work to load the .json async await, the implementation of event delegation and screen printing the data. check, search the web and try several alternatives.
What specific areas of your project would you like help with?I would like to receive help on general coding and in particular, JavaScript. some help with JS
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@CarlHumm
Hi RF13
Well done on completing the project, I particularly like the intro animations you've added for each card - creative!
Your JSON file isn't loading properly due to an incorrect path looking outside the root directory.
Incorect Path
const response = await fetch('../../data.json');
.- Paths in fetch() are relative to the HTML file, not the JS file
- If your data.json is next to index.html, use: fetch('data.json')
This is an easy mistake to make, especially when most workflows you'll see use a bundler like webpack or build tool like vite which comes with asset handling baked in.
Hope this helps
Marked as helpful
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