Facebook Messenger exported JSON viewer
This is a simple tool to view Facebook Messenger exported JSON files. I made the UI into a Messenger clone, just for fun and to see what Tailwind CSS can do. Another reason is that I want to try out the File System Access API, knowing that it can be used to access the file in a folder just in the browser.
- Next.JS + TailwindCSS
- File System Access API
How to use
- Open the Tool
- Click the Button and select the folder you downloaded from Facebook.
- Wait a few seconds, sometimes it takes one minute to load.
View chatroom just as what you can do on Messenger
If they should be done, then they will be done.
- Image type message
- Subscribe/Unsubscribe events
- Photos View
- Calendar to jump to specific date
- Sent at for each message
- Date/Time separator
- Info Panel
- message count (from both side)
The application icon is modified from Heroicons.