Design comparison
Solution retrospective
I did not find much difficulty with this project, which is very pleasing. This means that I am getting better, also this project only took me like an hour and most of it was styling. I was not sure how I could expand on it but, I was able to come up with adding a search bar. I do want to get more practice having reusable CSS without using a library like bootstrap. I will begin to work on my own global styles sheet.
Thank you for the challenge frontendmentor!
Community feedback
- @SkidragonPosted over 2 years ago
Hi Kijana, great job completing the project and adding in a search field! I do have a couple of suggestions, since this project isn't very big I would have made only 3 components: AdviceContainer to replace Box since it describes it better because every element is a box essentially, SearchField, and Footer. If the company expands more on the project then we can break out into more smaller components if need be. Also you could look into react-query, I've used it professionally and its great for fetching data and do mutations (create, update, delete). It even tells the status of the fetching process. Another way to challenge yourself is try to use typescript if you have the time. I recommend Jack Herrington youtube channel to learn from his playlist. I hope this is helpful!
Marked as helpful1@NotKijanaPosted over 2 years ago@Skidragon Thanks a million for the feedback and resources! I wanted to practice making smaller components, though I should have minimized it more after the fact. Also, my naming conventions do need some work as well. Typescript sounds very interesting so I think I will try that with my next project.
Your input was very helpful!
0@SkidragonPosted over 2 years ago@NotKijana Np, another resource I suggest is Kevin Powel, he does a great job teaching CSS. Don't get overloaded though, it takes time to develop a sense of when to break components down into smaller pieces which took me a while until I've done a lot of research and failure.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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