The Form to collect and show information Application is a sample project that demonstrates the power and flexibility of using Redux for state management, coupled with the robustness of form validation through the validator
library. This application includes two main components: a form for users to input their personal information and a table that displays the user data stored in the Redux store.
In the form, users can input their first name, last name, email address, and a message. Each field in the form undergoes specific validation checks to ensure its correctness before being stored in the Redux state. The table component retrieves and displays the user data from the Redux store. Both components are written in TypeScript, and unit tests are provided to validate the behavior of the form and table.
Before running the application, make sure you have Node.js and npm/yarn installed on your local machine.
- Clone the repository to your local machine:
git clone https://github.com/supersoild2000/form-to-collect-and-show-information
- Navigate to the cloned repository:
cd form-to-collect-and-show-information
- Install the dependencies:
npm install
or if you're using Yarn:
yarn install
- Run the application:
npm start
or with Yarn:
yarn start
The application will run on localhost:3000 (if your port 3000 is free). Open this address in your browser to interact with the application.
Enjoy!