This is a value for value post: see the explanation in the footer.
I'm in the process of completely re-writing the v4v.app website. Right now it's Vue 2 with a framework called Quasar and I inherited it from @ausbitbank who helped me get started with it.
Learning Vue 3 on Udemy with Danny
But I'm learning Vue 3 with the Composition API and using <script setup> format (that's gobbledegook if you aren't deep in this world). I paid for a terrific course on Udemy after watching hours of YouTube content: the structure, clarity and search-ability of the Udemy course makes a huge difference.
Hive Keychain
I was delighted to see this post from @keychain this morning: Hive Keychain SDK and Playground.
This came just at the point that I'm learning how to make Components in Vue. I've worked with Keychain before (I wrote some code in Python to interact with Keychain) but the reality is that front end web dev must be done in Javascript today.
Login with Vue 3
The first step was to look at this page:
And that was pretty much all I needed to write this function:
const keychainParams = ref({
data: {
username: 'hivehydra',
message: message,
method: keySelected,
title: 'Login',
},
options: {},
})
async function login() {
try {
const login = await keychain.login(
keychainParams.value.data,
keychainParams.value.options
)
keychainError.value = ''
console.log('✅ success' + { login })
isLoggedIn.value = true
} catch (error) {
console.log('❌ failure')
console.log({ error })
keychainError.value = error
}
}
I'm certainly not someone you want to copy code from at this stage, but the project in which I'm testing and learning all this is public. The link to my HiveKeychainLogin.vue component is here
I need to do a lot of work on using local browser storage and persistence and I'll be doing that soon. For now I just wanted to publish this little snippet and let you know how easy it is to get working with Hive.
Value for Value
For the last few months while building @v4vapp I was generously supported by the DHF. Going forward I have a much more modest support which covers direct server costs and a little of my time.
If you appreciate the work I do on and around Hive, you can express this directly: upvoting posts on Hive is great. Also consider a direct donation (there's a Tip button on Hive or a Lightning Address) on all my posts.
Support Proposal 244 on PeakD
Support Proposal 244 with Hivesigner
Support Proposal 244 on Ecency
Vote for Brianoflondon's Witness KeyChain or HiveSigner
I will say here that as new things come we should also go on top of that and research on top of that the way you are telling this about a new thing in the coming time that too. Will become famous. Great to see new thing and project is coming.
Dear Brian, you've come a long way, but it wouldn't hurt to consider learning https://ef.js.org which is a younger brother of VUEjs, but even simpler..
Currently I use this framework in all my projects and it is really efficient...
To use a database within the browser I recommend https://taffydb.com which allows you to make SQL-type queries.
you can see an example of using both javascript libraries in this url
https://curation.zuun.net/info/@brianoflondon/learning-vue-3-and-hive-keychain-at-the-same-time
I use taffydb to save the values of each vote and then rearrange them by value or by publication time etc..
Good luck, from Colombia
I could go nuts trying to figure out which framework to use. I picked Quasar and Vue because @ausbitbank uses it and I think @arcange does too.
Very interesting, I did follow through and just read about those frameworks. Tbh, I hate all kinds of web development. It's scrappy and has a lot of try-and-error footwork. But that's where we are right now, with all Mobile Apps stores centralized there's just no way around generic mobile frameworks.
Keep up the interesting post! Cheers to you!
Yup and full of little gotchas like code working in Dev which fails when you try to serve it from Nginx in production.
can you make specal custom txs with keychain and make it do magical things?
You can pretty much make it do any Transaction Hive can handle.... but I have a lot to learn.
Yep...gobbledegook to me. BUT, I know at some point you'll deploy this out into the wild and we'll all be the beneficiaries of this gobbledegook. So what I'll say is Go! @brianoflondon! Go!
👍
I'm in the same process. I have experience with python but not so much in js. Been learning vue3 and quasar in my free time. A few weeks ago I learned how to use the keychain to login, wish they already had the SDK and Playground then, would have saved me some time. Will follow your progress.
I can't tell you how much I learned from this course on Udemy:
https://www.udemy.com/share/1067Yw3@mWOQ7gfk8j2z62nMjfERyA6H64nw7FOAJiI6xnAsRDetkfoCkdQnCzacFfqPbytX/
I think I have it open in 4 windows right now and I keep coming back to it!
The beginning of it labors over how to go from the Options API to the Composition API and I thought it was boring and repetitive BUT!!!!! DON'T SKIP IT!
All the docs for Quasar use the old Options API and learning how to convert those over to Composition API is essential. I've been using Chat GPT as well for this task and it kinda works mostly!
I will definitely check it out.
Sometimes, it's difficult to attain clarity with some courses on Udemy, unless you get extra help from a place like YouTube to further simplify it. I'm glad that has worked out. Great improvement on the V4V front.
In this case YouTube was fragmented and bitty, the Udemy course has great structure and I can jump back to bits I need as it is much more searchable.
Great to see that you keep on learning and improving V4V app with latest technologies.
Do you do solely crypto or are you also having a regular job? I am asking this as I see many successful projects on Hive and wondering if someone can make a healthy living out of them...
I do have a somewhat irregular other job I'm not fully dependent on Hive, but it does make a decent contribution.
~~~ embed:1646097402590265344 twitter metadata:MTgwODU5MDN8fGh0dHBzOi8vdHdpdHRlci5jb20vMTgwODU5MDMvc3RhdHVzLzE2NDYwOTc0MDI1OTAyNjUzNDR8 ~~~
The rewards earned on this comment will go directly to the people( @v4vapp, @brianoflondon ) sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.
nice! good projects comming
perseverance always pays off
👍
Improvement is what makes us who we are and I'm glad you are doing that, kudos
A very important and instructive post where you have nicely shown the rules for using it.
Congratulations @brianoflondon! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)
Your next payout target is 32000 HP.
The unit is Hive Power equivalent because post and comment rewards can be split into HP and HBD
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPTo support your work, I also upvoted your post!
Check out our last posts:
Intresting post
This post has been manually curated by the @vipservice project! Great content and I really needed push into the right direction on a recent idea Ive been working on. Currently trying to get some automation going for a hive-engine token we have created. Some of the Javascript Ive worked on is coded out but it certainly needs more work.
I think this could be one of the missing tools that I needed to get my goal accomplished.