A React SPA with all the cool things you need.

To scaffold this project I used Vite.

You can check out a production build of the template in here, in case you want to test it before using it.

First of all, make a copy of this project by clicking on "Use this template".

Now that you have your own repository, clone it and install its dependencies:

npm install

If your app will make use of an external API, create a .env file:

cp .env.example .env.development

and change api url with yours

VITE_APP_API_URL=https://api.feliciti.co

Finally, run your app:

npm run dev

and visit http://localhost:3000/.

This template comes with different tools that you will definetly love:

• Cypress to develop end to end tests.
• Eslint + Prettier to check for syntax errors and enforce a common code style.
• Formik + Yup to facilitate forms management and validation.
• Material UI to be able to use some awesome predesigned components and an incredible design system.
• React Router to navigate through different components.
• Redux + Redux Toolkit for state management.
• Redux persist to persist state managed by redux.
• RTK Query to make API requests (I know this is included with Redux Toolkit, but it's such and amazing tool, that I had to give it its own mention).

In the digital ocean console:

cd /var/www/app2.feliciti.co
git pull
npm install #if required
npm run build

This project is configured with GitHub Actions so that each pull request is checked for eslint offenses and to run the tests.