⚠️ **Due to heroku's decision to discontinue its free plan, this demo is no longer online and will not be put back online.

The concept was to create a form that when sent, sends a link via text message to the user, which displays the information previously entered.

This project was developed with React including create-react-app, the OVH API, normalize.css, react-router, firebase, uuid and react-loader-spinner.

French translation available / Traduction française disponible : HERE

DEMO.

Launch it yourself.

• create-react-app, allows you to start a react app quickly. https://github.com/facebook/create-react-app
• react-loader-spinner, a loading screen for react. https://github.com/mhnpd/react-loader-spinner
• react-router, a router for react. https://github.com/ReactTraining/react-router
• firebase, is used to temporarily store data. https://firebase.google.com/ - https://github.com/firebase/firebase-js-sdk
• l'API OVH, is used to send the text message. https://docs.ovh.com/fr/sms/ - http://ovh.github.io/node-ovh/ - https://github.com/ovh/node-ovh
• uuid, generates a unique identifier, allowing to secure a little more the storage of information. https://github.com/uuidjs/uuid
• normalize.css, reset the CSS for all browsers. https://github.com/necolas/normalize.css/

You can start this project in a few steps :

1. Clone this directory,
2. run the command npm install ,
3. Then rename the file '.env.dist' into '.env',
4. You will need an account OVH Cloud and Google Firebase, In your firebase account, Go create a project and then create a web app (located by the </> logo), and take your firbaseConfig value in the 'SDK' field, then go to the "Firestore Database" tab and create a database, then a collection named 'datas', then a document named '0' (a placeholder), in the rules page, change what is noted by this: rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } } then save the rule.
5. Once you have your accounts and yours projects, replace the variables in the '.env' with your own.
6. You can now launch it :
   • in development mode: with the command npm start
   • or create a build : with the command npm run build

• The development mode launches a server locally on your machine at http://localhost:3000, the page will refresh on updates, and ESlint errors will be displayed in the console.
• The build, will create a folder 'build' containing the site ready for use on any server, the file size is minimized.

A demo is available on : https://formz-react.herokuapp.com/.

A quota of sending text messages could be reached, blocking the proper working of this DEMO.