README.md

# React Checkout Frontend styled with Material Design

This application implements a checkout frontend using [React](https://reactjs.org) and
[Material-UI](https://material-ui.com).

# Alternative Implementations

## Framasoft Home Page / Page d'accueil du réseau Framasoft

[Framasoft](https://framasoft.org/fr/#soutenir) site uses the [Vue.js](https://vuejs.org) framework
and Sass for stylesheets.

* https://framagit.org/framasoft/accueil
* https://framagit.org/framasoft/accueil/-/tree/master/app/components/partials/Soutenir
* https://framagit.org/framasoft/accueil/-/blob/master/app/locales/fr/form.yml
* https://framagit.org/framasoft/accueil/-/blob/master/app/assets/scss/support.scss

# Running and Building the Application

Application is generated by [Create React App](https://create-react-app.dev) using Webpack.

Note: **eslint-plugin-react-hooks** is included by default in Create React App.

1. Install NodeJS packages
   ```
   npm install
   ```
1. Build and Run the client app
   ```
   npm start
   ```
1. Go to http://localtest.me:3000/checkout
1. Build the client app
   ```
   yarn build

   or

   npm run-script build
   ```