Bérenger Makita

Fullstack & 3D/XR Web Development

Projects

  • Social WebVR Experiment
  • YouTube/Facebook WebVR Browser
  • Social WebVR Prototype
  • Tiled WebVR World Editor
  • Spatial Reddit
  • WebXR City Builder
  • NPC Editor
  • Building Editor
  • WebXR Space Editor
  • WebXR PDF Reader
  • WebXR Google Drive Client
  • WebXR Google Drive Client

    2022

    Context

    The PDF reader was successful enough to encourage me to purse a wider feature set. Since loading content on a headset adds too much friction, i decided to let users access their content from cloud storages like Google Drive. I also wanted to support more file formats.

    What is it ?

    A Google Drive web (2d) and WebXR client it can read PDFs, images, videos and 3D Models

    Challenges

    Mixing the new way of signing in a Google account and authenticated Google API calls was awkard. Their migration path was not well thought in my experience. Well it did work in the end, but I have no fond memories of this implementation

    In order to make authenticated access to videos and images to Google Drive transparent to the codebase, i proxied requests made by the browser for resources called by img & video tag with a Service Worker that added the authentication headers. Personally I find this trick quite cool, the web is actually an insanely powerful platform !

    Outcome

    Well I was working on it and talking about it but I had a sudden health issue that prevented me from working on it for the most part of a year.

    Gladly I got better and back to work! I am currently working on some twist of this idea. You will soon see a new entry on this portfolio, but you reached the end for now !

    Thank you for having read up to here !

    Technical stack

    • Front: React
    • 3D: React-Three-Fiber, Three.js
    • Back: Node.js, PostgreSQL, Hasura, GraphQL
    • Infrastructure: Google Cloud Platfrom, Cloud SQL, Cloud Run, Google Cloud Storage, Cloud Build, Terraform