@icure/cra-template-icure-ehr-lite

iCure EHR-Lite React JS Template

Start working on your e-health React JS app with iCure in a few minutes, by using our dedicated React JS template:

yarn create react-app my-icure-ehr-app --template @icure/cra-template-icure-ehr-lite

Once your app is created, rename the file .env.default to .env, complete the values it contains:

• REACT_APP_EXTERNAL_SERVICES_SPEC_ID,
• REACT_APP_EMAIL_AUTHENTICATION_PROCESS_ID and/or REACT_APP_SMS_AUTHENTICATION_PROCESS_ID,
• REACT_APP_PARENT_ORGANISATION_ID,
• REACT_APP_FRIENDLY_CAPTCHA_SITE_KEY

And start your React app by executing

cd my-icure-medtech-app && yarn start

Check out our Quick Start in order to know what are those information and how to get them from our Cockpit Portal.

WARNING: Without these information, you won't be able to complete an authentication

Not familiar with create-react-app ? Have a look to their repository.

Looking for React Native template instead ? Head here.

Requirements

Make sure the following tools are installed on your machine:

• NodeJS (Node 16 + at least)
• Yarn Package manager

Which technologies are used ?

• ReactJS
• Redux Toolkit, as a state container
• localForage, as an asynchronous Javascript storage
• FriendlyCaptcha, as a CAPTCHA solution

We chosed this set of technologies, because we consider them as the most efficient ones to work with. Nonetheless, you can of course work with the technologies of your choices and still integrate the iCure MedTech Typescript SDK in your React JS app.

What includes this template ?

• The iCure EHR-Lite Typescript SDK dependency;
• A first implementation of the iCure authentication flow (Both registration and login).

What's next ?

Check out our EHR-Lite Documentation and more particularly our How To's, in order to start implementing new functionalities inside your React JS App !