Hello developers, I hope you are doing good. If you have gathered enough knowledge from the web about reactjs and now you are looking for an application where you can use this experience, here the list of the things that can be done using reactjs before starting a scratch project.

React – A JavaScript library for building user interfaces

So why not start building a small user interface and develop your portfolio strong. Here is the list you can start in any order.

1. Form validation

Create a form with fields Email, Password, Name, and Date of birth. Write your own custom code to validate each field with a proper message before submitting the form.

2. Upload picture:

File upload is sometimes is critical why not try to upload file with react. To this extent, limit the file type or size with the proper message. After that multiple file upload will be another great choice.

3. A To-Do app:

It's not like the tons of demos available on the web. This app should remember the to-do list even when you next time starts the application again. That means you need to store data by web service or local storage, something like that so it will work event after the next start.

4. Simple blogs and its details page:

Here several user interfaces are required when creating a blogsite. Mainly the routing knowledge will be required to make this stuff. Also, webservice call is essential to make the blog dynamic at the same time.

5. Search result page:

Any search page and results can be filtered with various filter options like what an e-commerce site provides. These filter actions will behave like on-click events that mean there will be no submit button.

6. Image gallery:

A simple image gallery but image thumbnails will be visible at first. when the user clicks the individual image it will display the original image in popup or modal.

7. List of records with pagination:

Display a list of records is something usual but using pagination will make your hand a little busy. Even number pagination will keep you engaged for a while.

8. Quiz application:

Quiz application with various options like questions with multiple answers in random order. Automatically show the next question when players finished their quiz. Add a timer to each question will be added advantage.

9. Login form:

A login form and authenticate the user by valid login credentials. User needs to redirect dashboard page if already logged in if he visits again login page.

10. Chart Integration:

Any chart like google or charts implementation will boost your knowledge and definitely increase your confidence.

I hope the list of small applications will help you to understand react better way and increase your confidence to the next level. It does not mean that you can not start the scratch project without building any small applications. In fact, this list of applications can be a part of a single project.

If you have any new idea of user interactivity that can be made by reactjs, please don't hesitate to comment on this.