/react-checkout-form

Checkout Form built with React, Reactstrap, Sass and JavaScript

Primary LanguageJavaScript

React Checkout Form

Project Description This project was made to practice forms, toggle effects and UX design in React. Live Link: React Checkout Form.

Available Scripts

For development

yarn start

Browser will open to http://localhost:3000/

For production

yarn build

Output: build folder

gh-pages

update homepage in package.json

yarn deploy

Feature List

  • SPA eCommerce Checkout Form
  • Dynamic Form Content
  • SASS with Reactstrap and Bootstrap 4
  • Font Awesome for React
  • React Credit Card Input
  • React Toggle Components

Planned additions

  • Create Back-End with Database
  • Integrate with eCommerce Demo

What I've learned

  • Working with Pure React
  • Creating React Toggle Component
  • Calling methods from Parent to Children
  • Passing Props between Siblings
  • Installing dependencies and configuration
  • Deploying to gh-pages
  • Responsive Layout and SASS
  • How awesome React really is!