https://github.com/jsbroks/vue-hangman

Recreated Tranversy Media hangman game in Vue 3
https://github.com/jsbroks/vue-hangman

api hangman-game hangman-in-vue tutorial vue-composition-api vue3 youtube

Last synced: 30 days ago
JSON representation

Recreated Tranversy Media hangman game in Vue 3

• Host: GitHub
• URL: https://github.com/jsbroks/vue-hangman
• Owner: jsbroks
• Created: 2020-09-19T22:52:40.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-13T21:34:20.000Z (over 3 years ago)
• Last Synced: 2024-05-02T04:00:27.955Z (6 months ago)
• Topics: api, hangman-game, hangman-in-vue, tutorial, vue-composition-api, vue3, youtube
• Language: Vue
• Homepage:
• Size: 264 KB
• Stars: 2
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  Vue 3 Hangman Game



Building Traversy Media Hangman game in Vue 3 using the Composition API.










Checkout the tutorial for this repo.





## Summary

In this video, we will be converting a hangman project created by Brad Traversy

into a Vue 3 project using the composition API. This project comes from his

course called 20 web projects with vanilla javascript and he has also posted a

video about converting this project into a modern react app.

We will not be changing any of the app's functionality but instead, we will be

breaking it down into components and re-implementing the logic in Vue. We will be

using many new techniques introduced in Vue 3 such as creating a reusable

function that handles the keypress event. This function can then be used in any

of your future projects. You should stick around util the end to see how to do

that. This video assumes you already have a basic understanding of the Vue 3

Composition API, which if you have been following the Vue 3 series you should

have, otherwise I recommend you check the vue series.

## Resources

- [Hangman Javascript Github](https://github.com/bradtraversy/vanillawebprojects/tree/master/hangman)

- [Hangman React Github](https://github.com/codeSTACKr/hangman-react)

- [Hangman React Tutorial](https://www.youtube.com/watch?v=jj0W8tYX_q8)

- [20 Web projects course](https://vanillawebprojects.com)

- [Traversy Media](https://www.traversymedia.com)