Responsive data visualisation integrated with Countries API

Solution retrospective
- How can I improve my code? Specifically load times and efficiency
- How can I improve my CSS? Namings, Structure and etc
Please log in to post a comment
Log in with GitHubCommunity feedback
- @coderdannie
Hi. Congrats on the completion of this project. An extra features you can add is to store the themes state using browser localstorage so that your site can maintain the theme state even if the page was reload. Right now if I switch to light mode and reload the web page its switching back to the default theme. Using browser storage to store the theme and accessing the themes based on user preference will prevent this from happening. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
- @Divyajyoti1801
Hi Artem, I am also building the same project. I got into a issue while deplpyment, I have code whole project in React framework and for data input I am using firebase firestore, everything is working fine when its in localhost but when I deploy it on netlify or vercel I found that data is not get fetched. I checked the code many times and many resources around it but not able to find any appropriate solution would you please help me in this. Github: https://github.com/Divyajyoti1801/React-Portfolio-01 Netlify: https://divyajyoti-country.netlify.app/
- @MuhmmadAwd
hey, i like how your website match the design perfectly , i did'nt ...lol
about your questions, here my answer and hope that's help.
do you know about bem methodology ? if not search about it . it will help you with naming your HTML classes. here an article for bem : https://css-tricks.com/bem-101/
for load time you can comperes the code and images . please upvote the comment if it's help
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