Would you guys like help with a UI and UX redesign?

[Morgan-Caldbeck]

I love the work you guys are doing here, and I am looking to build a synology server for my production company in the next year. I love the idea of a self-hosted frame.io! I am a ux and ui designer and was curious if you guys were interested in having a new ui designed for clapshot to make it more user friendly? I would be happy to create a high-fidelity design, potentially even help with implementation and development if you would like. Attached is an example I created of what the UI could look like, using the same features you already have, just with a visual update.

[elonen]

Sounds promising, especially if you're willing to implement also.
There's only me, not a team, and I'm working almost entirely without pay on this.
Most non-cosmetic logic changes are pretty likely to break current functionality, spill on to the Server/Organizer side and cause a lot of work, however, so I'm a bit cautious.

[Morgan-Caldbeck]

Good to know about the non-cosmetic stuff. Ideally we would just rebuild ui and implement the existing functionality into it. The extent that I am capable of assisting with implementation depends on the front end you are using. I’ve only ever worked in react and built using components and so that’s where my familiarity is at.

Utilizing ai I might be able to jump into something else though and figure it out. I was looking into building my own project before I found this and I thought it would be a good opportunity to partner up on something that already had a solid foundation.

[Morgan-Caldbeck]

@elonen I went ahead and started a new project for myself to create a next.js front-end that will communicate via API, the idea being someone could install that front-end to self-host. I was curious if you have an instance running already that I can tie into to pull data from for testing as I build? I don't currently have a server that I can run this from to work with the API myself.

[elonen]

I don't have a publicly accessible instance on the web, and if you're doing client development, you'll want to see debug level log output from the server anyway. The easiest way to start would probably to run the demo image in Docker, ignore the client that Nginx servers there, and just connect to the server endpoint from your local client instance:

  docker run --rm -it \
    -p 127.0.0.1:8095:80 \
    -e CLAPSHOT_SERVER__URL_BASE=http://127.0.0.1:8095/ \
    -e CLAPSHOT_SERVER__CORS='*' \
    -e CLAPSHOT_SERVER__DEBUG=true \
    -v clapshot-demo:/mnt/clapshot-data/data \
    elonen/clapshot:latest-demo

You can then...

cd client
make dev-local   # installs deps and then runs: npm run dev -- --host --port 5173

...and open the locally running client in a browser http://127.0.0.1:5173/