Tech Stack: ReactJS with Typescript

1. Beginner developers looking for a fun little frontend coding challenges to test their ReactJS logic-building skills

2. Developers interested in building small tools that they can convert into micro SAAS

3. Companies looking for ReactJS hiring challenges to assess their candidate's ReactJS coding skills

All challenges are free. I wanted the challenges to be different and designed them carefully. In each challenge, I have covered different skill sets of JavaScript and Reactjs, from the array to object, the string to regex, and Reactjs hooks.

The text analyzer is the first in the series of ReactJS coding challenges. In this challenge, we have created a text area that calculates some parameters in the typed or pasted Text. The text area should calculate and show the following:

1. Words
2. Characters
3. Sentences
4. Paragraphs
5. Average reading time
6. The longest word in paragraphs
7. Number of pronouns in the Text (list is given)

Read the Challenge Description

Objective: To make each feature of app functional. This is a live link of demo app.

This challenge is suitable for beginners as well. In this challenge, you will develop logic for a password generator, including options for creating and validating a password with a specified strength, copying the password, and passwords with desired characters.

Read the Challenge Description

Objective: To make a functional app. This is a live link.

Challenge yourself to build a random quote generator using ReactJS and showcase your front-end development skills. Flourish your creativity with this fun code challenge!

This challenge differs slightly from Text Analyzer and Password Generator because you need to fetch data from json-server using Axios.

Read the Challenge Description

Objective: To make a functional app. This is a live link.

Ideally, you should finish these challenges on your own regardless of how long it takes, as figuring it out on your own would help hone your skills as a front-end and ReactJS developer. However, you can see hints if you are stuck somewhere in the middle. Hints will give you a better idea about how to write logic.

For working code like you have seen in the demo apps, you can send me an email at [email protected] or can reach out to me on LinkedIn or Twitter.

Here you can read the intro article of ReactJS Challenges.