> For the complete documentation index, see [llms.txt](https://cloudinary.gitbook.io/cloudy-cam/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cloudinary.gitbook.io/cloudy-cam/getting-started.md).

# Creating and Testing a React App

## Create a React app

**Note:** If you manage dependencies on your machine with Yarn, download the package runner `npx`. However, if you use NPM for dependency management, you can skip that step because `npx` is already bundled with NPM (version 5.2 or higher).

To add `npx` to Yarn, run this command on your terminal:

```
    yarn global add npx
```

Afterwards, create a starter React project, which you will tweak as you proceed with this tutorial:

```
    npx create-react-app cloudy-cam-pwa
```

## Test the Sample React App

To ensure that the project is in place, go to the app's directory and start the development server:

```
    cd cloudy-cam-pwa
    yarn start # or npm start
```

The above command starts a development server on `http://localhost:3000`. Navigating to that URL on your browser displays the React app:

![Sample React App](https://3486782044-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LQxqjHiNgHCfPtd6mkQ%2F-LR8QJQkW5_KC6iEcWMl%2F-LR8ZEpc2s_8eLtlG-jd%2Freact-app.png?alt=media\&token=3abf2dcb-3c32-4c42-beb1-a376799815eb)