https://github.com/pustur/whatsapp-chat-parser-website

Website to view your exported WhatsApp chat logs 👁‍🗨
https://github.com/pustur/whatsapp-chat-parser-website

react reactjs viewer website whatsapp whatsapp-chat whatsapp-chat-parser whatsapp-reader whatsapp-visualizer

Last synced: 1 day ago
JSON representation

Website to view your exported WhatsApp chat logs 👁‍🗨

• Host: GitHub
• URL: https://github.com/pustur/whatsapp-chat-parser-website
• Owner: Pustur
• License: mit
• Created: 2019-07-30T23:36:22.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-10T23:40:33.000Z (16 days ago)
• Last Synced: 2024-09-19T20:01:59.516Z (7 days ago)
• Topics: react, reactjs, viewer, website, whatsapp, whatsapp-chat, whatsapp-chat-parser, whatsapp-reader, whatsapp-visualizer
• Language: TypeScript
• Homepage: https://whatsapp-chat-parser.netlify.app
• Size: 1.88 MB
• Stars: 162
• Watchers: 11
• Forks: 42
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# WhatsApp Chat Parser Website

> Example application of the npm package [whatsapp-chat-parser](https://github.com/Pustur/whatsapp-chat-parser)

This website allows you to upload a WhatsApp chat log and view its contents.

You can upload a `txt` directly or a `zip` file containing the exported chat.  

In case you export a `zip` file with the option `Attach Media`, you will be able to see images, videos and audio files directly in the website. Try it out by downloading the [example chat](https://github.com/Pustur/whatsapp-chat-parser-website/blob/master/src/assets/whatsapp-chat-parser-example.zip)!

The app runs locally and no logs are sent or stored anywhere.

The website is available at [whatsapp-chat-parser.netlify.app](https://whatsapp-chat-parser.netlify.app/)

## How to run locally

1. Clone the git repo

2. Install [Node.js](https://nodejs.org/en/) if you don't have it already

3. Open a terminal in the root of the project and run `npm install` to install the dependencies (optionally with the `--production` flag to avoid installing development dependencies)

4. Run `npm start` to start a development server (while in this mode you can change the code and see the results immediately)

5. Run `npm run build` to build the compiled bundle that you'll find in the `build/` folder

Any local server will do to run the built files.  

It's also possible to download them directly from the [releases page](https://github.com/Pustur/whatsapp-chat-parser-website/releases).

## How to export WhatsApp chats

- [Android](https://faq.whatsapp.com/android/chats/how-to-save-your-chat-history)

- [iPhone](https://faq.whatsapp.com/iphone/chats/how-to-back-up-to-icloud/)

## Technologies used

- Language: [TypeScript](https://www.typescriptlang.org/)

- Libraries:

  - [React](https://reactjs.org/) (with [Jotai](https://jotai.org/))

  - [JSZip](https://stuk.github.io/jszip/)

  - [whatsapp-chat-parser](https://github.com/Pustur/whatsapp-chat-parser)

- CSS: [Styled Components](https://www.styled-components.com/)

- Code formatting: [Prettier](https://prettier.io/)

- Linting: [ESLint](https://eslint.org/) (with [Airbnb rules](https://www.npmjs.com/package/eslint-config-airbnb))

- Bundler: [Vite](https://vitejs.dev/)

## Changelog

[CHANGELOG](CHANGELOG.md)

## License

[MIT](LICENSE)