React Projects - Feedback

Hello Guys,

I recently joined this forum and I’ve completed the ‘Front End Development Libraries’ certification on Free Code Camp.

Below is a link to my codepen collection of all the React projects I made as part of this course.
https://codepen.io/collection/zxBPpv

I would appreciate it if you could provide me with some feedback.

Thank you

HI @liyaquathhassan !

I think your projects look good.
I think the next step would be to start learning about hooks and building future projects using hooks instead of classes.

Hooks are the modern way to write react today so it would be good to know how to use them.

Hope that helps!

1 Like

Thank you very much for the feedback, Jessica! :slight_smile:
Could you please suggest some good resources for learning React hooks?
Also, are there any plans to include hooks in the React course?

There are two resources you should look into.
The first one is Kent dodds react course.

He is a great teacher and big name in the react world.
He goes into what is actually happening under hood with writing react and will teach a lot including hooks and deployment.
And it’s only 2 hours long.

The second course is through freecodecamp’s youtube channel.
You can start at the 3 hour mark and 28 seconds.
That is where the part on hooks starts.
They will teach you the most common hooks like useState, useEffect, uesReducer, etc.
They will also cover react router.

freeCodeCamp is working on an all new project based curriculum.

It will be a while before the front end course comes out but yes it will include hooks.

1 Like

Thank you very much again, I will definitely check it out.

Your projects look good @liyaquathhassan. Some things to revisit;

  • Make the quote machine and markdown previewer responsive on smaller screens.
  • the drum machine is not accessible to a user that uses the keyboard to navigate.
1 Like

Thank you very much, Roma! for the feedback and suggestion.
I will definitely take a look and make it more responsive and accessible.

Calculator: I could be doing it wrong but I can’t get to numbers less than 1. For example 0.01

I made some changes to the quote machine and markdown previewer to make it responsive.
For the drum machine - Playing music via keyboard is already functional, I’m looking on to make controls accessible via keyboard,
Thank you again for your suggestion and feedback.

Hi @Jimbalin , I think I’ve fixed that issue.
Thank you very much for your feedback.