0xyoussefx0 / react-paycard

This React app implements an interactive paycard form that is responsive and can be used on both desktop and mobile devices. The form validates the input fields as the user fills them in, and displays error messages if any of the fields are invalid. The form also has a live preview that shows the card details as the user fills in the form.

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Running
4. Contact
5. Acknowledgments

About The Project

This React app implements an interactive paycard form that is responsive and can be used on both desktop and mobile devices. The form validates the input fields as the user fills them in, and displays error messages if any of the fields are invalid. The form also has a live preview that shows the card details as the user fills in the form.

(back to top)

Built With

• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

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

Prerequisites

• NodeJs : https://nodejs.org/en/download/
• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/0XYoussefX0/React-payCard.git

2. Install NPM packages

   npm install

(back to top)

Running

Development environment :

npm run dev

Production environment :

  npm run build

   npm start

Contact

Youssef Abelouas - Linkedin - [email protected]

Project Link: react-paycard.pages.dev

(back to top)

Acknowledgments

• reddit post that inspired me to create this project

(back to top)