{"id":19914728,"url":"https://github.com/fullstorydev/react-shoppe-demo","last_synced_at":"2025-05-03T05:31:48.969Z","repository":{"id":41698217,"uuid":"241456677","full_name":"fullstorydev/react-shoppe-demo","owner":"fullstorydev","description":"FullStory React Web demo","archived":false,"fork":false,"pushed_at":"2024-02-22T15:39:16.000Z","size":585,"stargazers_count":0,"open_issues_count":1,"forks_count":6,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-02-22T15:40:32.424Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fullstorydev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-02-18T20:08:16.000Z","updated_at":"2024-02-22T13:56:34.000Z","dependencies_parsed_at":"2024-02-22T15:52:19.290Z","dependency_job_id":null,"html_url":"https://github.com/fullstorydev/react-shoppe-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstorydev%2Freact-shoppe-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstorydev%2Freact-shoppe-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstorydev%2Freact-shoppe-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstorydev%2Freact-shoppe-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fullstorydev","download_url":"https://codeload.github.com/fullstorydev/react-shoppe-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224354151,"owners_count":17297401,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T21:36:53.860Z","updated_at":"2024-11-12T21:36:54.397Z","avatar_url":"https://github.com/fullstorydev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"**Deprecation Notice**\n\nAs of February 22nd, 2024, this repository will no longer have any maintenance performed, but will remain published in its current form for the time being. Please be sure to consider this when utilizing any of the information \u0026 code found within.\n\n# Reactshoppe\n\nRunning [FullStory](https://www.fullstory.com/) in a React + Redux + TypeScript application.\n\n![image](https://user-images.githubusercontent.com/45576380/79674280-775c0280-81af-11ea-835e-48b6313ab357.png)\n\nReactshoppe uses [Create React App](https://create-react-app.dev/docs/adding-typescript/). FullStory is installed with the [Browser SDK on NPM](https://www.npmjs.com/package/@fullstory/browser).\n\n## Setup\n\n- You'll need to have [node.js](https://nodejs.org/) installed on your machine and you'll need a [FullStory account](https://www.fullstory.com/plans/).\n- Once you've cloned this repo, `cd` into the root of the project (the same directory with the `package.json` file).\n- Run `npm install`\n- Copy the .env_sample file to .env and update the `REACT_APP_FULLSTORY_ORG` with your FullStory Org Id. Find out how to get your Org Id [here](https://help.fullstory.com/hc/en-us/articles/360047075853).\n\n## Getting Started\n\nRun either `npm start` or `yarn start` to start up Reactshoppe on your machine (most likely running at `http://localhost:3000/`). FullStory will start recording right away. You can [login to your account](https://app.fullstory.com/login/) and look for your session. Sometimes it might take a minute for your very first session to show up.\n\n## Go Shoppe-ing\n\nReactshoppe is a very simple fake ecommerce site. You can add products to your cart from the product grid, edit your shoppe-ing cart, and checkout. No data is transacted and no products are purchased. This is all for fun.\n\n## Privacy Controls\n\nDuring replay, you'll notice that the checkout form has billing and payment fields blocked.\n\n![FullStory privacy controls](https://user-images.githubusercontent.com/45576380/79687608-80cc8580-8216-11ea-9692-f6cddabe8547.png)\n\nThese are FullStory's privacy controls in action. Learn more about how privacy controls work [here](https://help.fullstory.com/hc/en-us/articles/360020623574-How-do-I-exclude-elements-to-protect-my-users-privacy-in-FullStory-).\n\n## Bonus Features\n\nEvery Redux action is logged to the FullStory console using the [FS.log() function](https://developer.fullstory.com/logging). You can view the action sequence in the [FullStory Console](https://help.fullstory.com/hc/en-us/articles/360020828533-How-do-I-use-the-FullStory-Console-) during replay to help troubleshoot any issues that might be related to data flow:\n\n- Actions running out of sequence\n- Actions not occuring at all\n\n![Reactshoppe record Redux actions](https://user-images.githubusercontent.com/45576380/79687621-98a40980-8216-11ea-9877-6dbbfb45eec5.png)\n\nThis uses the `recordAction` [middleware](https://github.com/fullstorydev/react-shoppe-demo/blob/master/src/store/recordAction.ts) included in the source code.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstorydev%2Freact-shoppe-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffullstorydev%2Freact-shoppe-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstorydev%2Freact-shoppe-demo/lists"}