Simple registration form for ReactJS

           

Template preview

 

Built With

• Framework
  

• Languages
  

• Main language
  

• Others
  
  

• Through:
  
  

• IDE
  
  VSCode

Work description

It's a simple template of the registration form for ReactJS. As a fake API for testing of a form data fetching to the server has been used JSONBIN.io. To simplify development, two custom hooks have been created here. The form has validations for all the fields. All input is associated and dependent on the form local state. Also used preloader, which appears at the time of sending / receiving data from the server. The submit button is disabled after sending data to the server and before receiving a response from the server. There is a special field at the bottom of the form in which you can see the data that is entered into the form. This field is very useful for debugging, but, of course, it shouldn't be in the client version.

Running on your local machine

To get a local copy up and running follow these simple steps.

• Git

sudo apt-get install git

1. Clone this repository on local machine:

git clone https://github.com/dobkir/simple-form-react.git

2. Install Node Package Manager on the directory with the cloning repository

npm install

3. Run this template on your local machine

npm start

or

yarn start

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Project Link: https://github.com/dobkir/simple-form-react

Acknowledgments

• ICONS8
• Img Shields
• Choose an Open Source License
• GitHub Pages
• ReactJS
• {}JSONBIN.io - free fake api
• The design idea is taken from here: https://codepen.io/Vintharas/pen/guKbf