You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
React Pincode is a web application which extracts the information and displays it to the user on the basis of pincode which is added by the user.
3
+
React Pincode is a published NPM module that can be integrated inside any ReactJS application. It is used to extract City, District, and State information as soon as the user enters valid Pin-Code. On entering a valid Pin-Code, a GET request is made to the Indian Postal Service API and the useful information is extracted and results are displayed in the respective fields. If a valid Pincode is entered an error is thrown which can be customized by a user using a specific prop.
4
+
5
+
### Live Application - https://react-pincode.netlify.com/
4
6
5
-
See this app live at https://react-pincode.netlify.com/
6
7
7
8
Snippet of the working application is displayed below.
The three input fields are wrapped inside an ```<div>``` Element.
37
-
and each input field is also wrapped inside ```<div>```. So that a user can style it according to the need in the project.
34
+
The four input fields are wrapped inside an ```<div>``` element and each input field is also wrapped inside ```<div>```. So that a user can style it according to the need in the project.
38
35
39
-
Whenever the wrong Pincode is entered red border appears on the pin code input field and on entering a right pin code, city and state input fields get automatically filled with correct data
36
+
Whenever the wrong Pincode is entered red border appears on the pin code input field and on entering a right pin code, city, district and state input fields get automatically filled with correct data
40
37
41
38
42
39
## Prerequisites
43
-
* NodeJS (check for it's installation on terminal using npm -v)
0 commit comments