Simple and browser-scoped IPFS file browser
Web app created for a contest in Dev Community.
With this web application the user can upload, download, preview, and delete files using Pinata Cloud SDK. I built this web app for participating in the contest only and I've used some of my knowledge gained from other projects I've made.
What's under the hood
- NodeJS - https://www.nodejs.org
- Typescript - https://www.typescriptlang.org/
- ReactJS - https://www.react.dev/
- NextJS - https://www.nextjs.org/
- TailwindCSS - https://www.tailwindcss.com/
- Next-Intl - https://next-intl-docs.vercel.app/
- Next-Themes - https://www.github.com/pacocoursey/next-themes
- NextUI - https://www.nextui.org/
- ReactIcons - https://react-icons.github.io/react-icons/
- PinataSDK - https://www.pinata.cloud
Techniques used
- 'Content-Security-Policy' to secure the application against hijack and code injection
- Components and functions reused as much as possible across the application
- Optimized global state manager
- Visualization of optimized image thumbnails from Pinata Cloud
- Audio and video playback in the file details dialog
- Translations for the 10 most spoken languages
- Detection of the user's browser language
- Dark/Light themes
- …