https://github.com/trycourier/react-in-app-example
https://github.com/trycourier/react-in-app-example
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/trycourier/react-in-app-example
- Owner: trycourier
- Created: 2021-07-16T15:23:19.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-26T14:31:56.000Z (over 1 year ago)
- Last Synced: 2025-10-21T22:32:50.364Z (9 months ago)
- Language: TypeScript
- Homepage: react-in-app-example.vercel.app
- Size: 2.34 MB
- Stars: 6
- Watchers: 7
- Forks: 6
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Courier React In-App Toast Example
This repository is an example React app bootstrapped with Create React App with Typescript to demo the functionality of the [@trycourier/react-toast](https://www.npmjs.com/package/@trycourier/react-toast) and [@trycourier/react-inbox](https://www.npmjs.com/package/@trycourier/react-inbox).
[@trycourier/react-provider](https://github.com/trycourier/courier-react/tree/main/packages/react-provider) is a dependency that handles all the authentication and integration with the Courier backend.
## Online Demo
[Check it out here](https://reactinappnotification.com/)
You can quickly configure and trigger a simple Toast notification on this page. To run this locally, you will need a Courier account and enable the [Courier Push integration](https://app.courier.com/integrations/courier).
## Running Locally
#### Prerequisites to run the app:
- Node.js (v18)
- yarn
Clone the repository and install the dependencies:
```bash
$ yarn install
```
Fill in your Courier Client Key and Courier Test or Production Key in .env file. Find them in [API Keys](https://app.courier.com/integrations/api-keys)
```bash
cp .env.example .env
```
Start the dev server:
```bash
$ yarn develop
```