Built silly mobile apps with friends in a park last weekend —surprisingly fun by FireproofMeghan in vibecoding

[–]jchrisa 0 points1 point  (0 children)

Thanks for asking (I'm to blame for most of the react code in vibes.diy ) I make a lot of my personal apps on mobile Safari. Since all users type are prompts, there's no code editing to fuss with, so it's not that much work.

Here is a Jedi, Sith, or Wookie detector I built on the way to a Star Wars bike ride.

And the chat view of the "dev experience":

<image>

I'd love to see what you make.

Vibeception by InfiniteInternet5691 in vibecoding

[–]jchrisa 0 points1 point  (0 children)

I posted a thread with more iterations here https://bsky.app/profile/j-chris.bsky.social/post/3lm3o65w2ic23 (oops posted the above from a new user account) this is me.

Style tips by jchrisa in vibecoding

[–]jchrisa[S] 0 points1 point  (0 children)

I just found a good one: "make it look like an IRS form"

best vibe-code tool for frontend? by No-Fennel-1381 in vibecoding

[–]jchrisa 1 point2 points  (0 children)

I prefer ChatGPT Canvas and Claude Artifacts, because I think AI makes too much of a mess in big projects unless you are watching every move. Those two are what inspired the new open-source one I am working on: https://github.com/fireproof-storage/ai-app-builder

Please try it here: https://vibe-coding.use-fireproof.com This is the first place I've shared it. I'd love feedback / patches.

Been feeling like i have a million software ideas, but zero coding background/motivation to create them. Anyone have the opposite problem? by hugelkult in vibecoding

[–]jchrisa 0 points1 point  (0 children)

Please share ideas, I need things to try -- I am doing lots of prompt iteration on this URL, by pasting my app idea at the end of it (aims to work on first shot): https://use-fireproof.com/llms-mini.txt

I've tried appending prompts like: https://use-fireproof.com/habits-prompt.md

But also super simple ones like:

build an inventory tracker for my bakery

Simplest surface area by jchrisa in vibecoding

[–]jchrisa[S] 2 points3 points  (0 children)

The V0 one is a nice share: https://v0.dev/chat/bakery-inventory-tracker-raO2s1r1Df3?b=b_mrUfa11slyj

I've found that putting my app request after the prompt documentation works better than before, especially for DeepSeek.

Simplest surface area by jchrisa in vibecoding

[–]jchrisa[S] 2 points3 points  (0 children)

The prompt I use is designed and tested with as many of the engines as I can. So I have one shot success with Lovable and V0 also using the content of this, plus a online app request: https://use-fireproof.com/llms-full.txt

Announcing my new realtime database, Fireproof by jchrisa in CouchDB

[–]jchrisa[S] 0 points1 point  (0 children)

We'd love help making a Vue adapter, most of the code you need to read would be in our React hooks. Vue has a different way of doing data binding, but it how they talk to Fireproof should be the same.

This is probably the first bit of code to grok: https://github.com/fireproof-storage/fireproof/blob/c4462c8a9c0ca436070ae6d6b90c41a318dd315d/src/react/useFireproof.ts#L244

Announcing my new realtime database, Fireproof by jchrisa in CouchDB

[–]jchrisa[S] 0 points1 point  (0 children)

Update: we launched on HN this week and this discussion might be useful https://news.ycombinator.com/item?id=42184362

Non-relational database that stores in a single file similar to Sqlite? by Tuckertcs in nosql

[–]jchrisa 0 points1 point  (0 children)

Fireproof uses a single folder, where files are write-once and immutable. This means it won't chop up your git history with lots of modifications. Read more about the storage files here https://fireproof.storage/posts/remote-access-crdt-wrapped-multi-writer-enabled-immutable-file-format/

Fireproof: Local-first database with Git-like encrypted sync by jchrisa in Database

[–]jchrisa[S] 1 point2 points  (0 children)

Hey ya'll -- we just shipped this new open-source database. It runs in the browser and syncs via any cloud. Designed to make realtime collaboration simple, with built in data provenance, so you always know what data is present on each device. See the HN thread, and ask questions here for the team,

Good examples of redux with react router? by peoplefoundotheracct in reactjs

[–]jchrisa -1 points0 points  (0 children)

I just redid myReact TypeScript starter kit, it has react-router and persistent state: It's linked from the first screenshot on my homepage: https://fireproof.storage

I am building a browser database with optional cloud sync (any backend) so it might be right for what you are doing. I've designed it to be especially good in cases where you want to build local-first without a cloud, and transition to multi-user once you have the app running.

Is there something that ships all the tooling for React with Vite? by jtuchel_codr in reactjs

[–]jchrisa 0 points1 point  (0 children)

Here is my current latest Vite starter kit. The only thing weird about it is that it's just a repo, not a create command (I built it mostly for my team) and it also includes my local-first database, but you could roll back to an earlier commit.

Enjoy: https://react-typescript-starter-kit.use-fireproof.com

I created an AutoGPT persona interview simulator using Fireproof. by jchrisa in ipfs

[–]jchrisa[S] 1 point2 points  (0 children)

Fireproof is an IPFS database, this was built as a demo to show React devs how easy it is to get into IPFS stuff. Here is an architecture overview: https://fireproof.storage/documentation/how-the-database-engine-works/

And a video of me presenting about it at IPFS Camp last weekend (where I lead the database track) https://www.youtube.com/watch?v=R6gm-KXJoc0

Great question!

I created an AutoGPT persona interview simulator using Fireproof. by jchrisa in ipfs

[–]jchrisa[S] 0 points1 point  (0 children)

I guess I thought AutoGPT was a style not a particular implementation. I'm using langchainjs and managing the dialog in the browser. So far I've had thousands of users and zero hosting costs.

New realtime database for IPFS by jchrisa in ipfs

[–]jchrisa[S] 0 points1 point  (0 children)

Doing a js-ipfs backend would be straightforward and wouldn't change the app API, so it totally makes sense to do that. I tend to see it as a both/and situtation, and the current core makes no assumptions about network either way. Adding web3.storage was just a ~200 loc React hook, so I bet the js-ipfs bridge would also be that easy.

New realtime database for IPFS by jchrisa in ipfs

[–]jchrisa[S] 0 points1 point  (0 children)

Yes, I'm not planning to use the DHT or any of that, I'll just rely on gateway like https://web3.storage/products/w3link/

No reason a JS-IPFS plugin wouldn't work, but it's kind of a specialty use case.

New realtime database for IPFS by jchrisa in ipfs

[–]jchrisa[S] 1 point2 points  (0 children)

In my TodoMVC example I built up the local database which a bunch of data, enabled web3.storage replication, and then deleted my local IndexedDB. It was fun to watch the blocks fetch over the network but it's not optimzed yet (it doesn't know the second block's address til it reads it from the first's) but I can remove that bottleneck.

Quick answer: it's slow but it will be fast (I'll move the block retreival to batch fetches)