formDeposit
Form Deposit
Example of a payment form The application is written in React + Node (express), implements a simple logic for writing data to a Mysql database, as well as validating card data. If all the fields of the form are filled in correctly, the payment button is activated, sending a request to the server where re-validation takes place on the server side and data is recorded in the database, after which a response is sent, with the person's id and its amount, if the data is correct.
The application uses:
Express
MUI
Yup
Formik
Preview app:
To start the project
1
Install the repository.
2
Write npm install
for install the npm_modules folder is required to launch the application.
3
Run the mysql database, create a schema, and enter the data to connect to it in the file config.json corresponding values.
4
Write npm run dev
.
Available Scripts
In the project directory, you can run:
npm run dev
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This project was bootstrapped with Create React App.
npm install
The command to install the npm_modules folder is required to launch the application.
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Описание
Example of a form for payment, implemented using React, Node, MUI, mysql, yup, formik.
Языки
JavaScript
- HTML
- CSS