Skip to content
Submitted over 3 years ago

Advise Generator with Search

react, sass/scss, axios
Kijana R.•110
@NotKijana
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Simon Davis•505
    @Skidragon

    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 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