Skip to content

A Credit Card Payment System - CCPS build with react, typescript, bootstrap, sass, react-transition, font-awesome

Notifications You must be signed in to change notification settings

vivekanandareddy-ponugoti/Credit-Card-Payment-System

 
 

Repository files navigation

Credit Card Payment System

A Credit Card Payment System - CCPS build with react, typescript, bootstrap, sass, react-transition, font-awesome

Demo video

Project Demo Video :-

IMAGE ALT TEXT HERE
or
https://youtu.be/fjGWULgM9z8

Run:

npm install

npm start

http://localhost:3000

Demo Snapshots

Home Page

alt text

Listing Cards Page

alt text

Supported Card Type like Visa, Master, Unionpay etc

alt text

Add Card Page

alt text

Form Validation

alt text

Edit Card Page(with delete option)

alt text

Mobile Layout for Listing Page

alt text

Mobile Layout for Add/Edit/delete Page

alt text

Future Work Improvements

  • Integrate API layer if need to link with any restful API
  • Form fields Validation using Regex
  • add helper or common class

About

A Credit Card Payment System - CCPS build with react, typescript, bootstrap, sass, react-transition, font-awesome

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 62.2%
  • SCSS 33.0%
  • HTML 4.0%
  • CSS 0.8%