Exercise 8 | 20 mins

• Define a counter store that uses the setup function style
• Expose a reactive count and increment function from the store
• Watch the count and sync the count's value to server storage whenever it changes

<aside> 💡 A free and easy key-value server storage you can use for this exercise is https://kvdb.io/

</aside>

kvbd: how to

• How to get started

  curl -d '[email protected]' <https://kvdb.io>
  

  • Confirm your email by logging in and clicking link in email.
  • Keep a record of the returned key.

• How to store value in kvbd

fetch("<https://kvdb.io/>[your api key]/count", { 
	method: "POST", 
	body: "the value to store" 
});

• How to fetch value from kvbd

fetch("<https://kvdb.io/>[your api key]/count").then((res) => await res.json())

✅ When complete you should be able to create an increment button (and a decrement if you’d like) whose value persists to the server and persists between page loads