This is Bard's replayer application. It includes a Node.js API and a React frontend. The replayer application has connections to both the Clickhouse and Postgres databases. The connection to the Clickhouse database is to request session data and the Postgres database is to create and request funnel data.
The Frontend is divided into two major sections. The first is a table of all the sessions in the Clickhouse database. The sessions can be sorted and filtered by data based on date, length, and errors. You can also view a replay of each of the sessions.
The second section is about the creation and use of conversion funnels. This section is all about defining a conversion funnel for a website and viewing the sessions that completed or failed each step in the funnel. This will allow you to learn why users are not making it to each step of the funnel and converting.
Clickhouse: Download Here Will run on port 8123. The schema can be found here Schema
Postgres: Download Here Will run on port 5432. The schema can be found here Schema
Clone the open source repository from here. After installing the required software above and the dependancies in the api
directory, you can run the application from the api
directory with the following command:
npm run start
The api will run on port 3003
and will serve our React ui using static files from the /api/build
directory. The source code for our React application lives in the ui
directory of this repo.
You can read more about our project here.