A Vue implementation of the Wordle game

Related tags

Vue.js vue-wordle
Overview

Vue Wordle

Live demo

A Vue implementation of the Wordle game. This is just for fun and doesn't aim to 100% replicate the original.

You can make your own Wordle and send it to friends by base64-encoding a word and include it as the URL query, e.g. https://vue-wordle.netlify.app/?dnVlanM= (this will also allow words that are not in the dictionary.)

This repository is open sourced for learning purposes only - the original creator(s) of Wordle own all applicable rights to the game itself.

Comments
  • [wip] share results

    [wip] share results

    the original wordle web app allows visitors to share their results which look especially good on twitter. I hereby provide this repository with an approach that enables the same feature.

    I am aware of the mentioning of 'This is just for fun and doesn't aim to 100% replicate the original.' from the author of this repository, but I thought this feature—which replicates the original—none the less fits the 'fun' description, so I opened up this pull request.

    as the title suggests, this is still work in progress.

    opened by KnowsCount 4
  • Implement several requested changes

    Implement several requested changes

    • [ ] Add help page with instructions, dictionary explanations, link to source
    • [ ] Don't forget inputted answers when revisiting a URL
    • [ ] Fix board being super compressed on tiny screens
    • [ ] Keep answer on-screen after copying
    opened by rossjrw 2
  • Enhancement for colorblind users

    Enhancement for colorblind users

    This is a minor, unobtrusive enhancement that allows colorblind users (like myself) to enjoy this version of the game, without the need to add an entire settings menu/colorblind mode.

    This is obviously one of many possible approaches, but this felt like a very lightweight progressive enhancement that could work well and with minimal impact on the design, while other options are considered or implemented.

    opened by josh-collinsworth 2
  • The case for double occurrence

    The case for double occurrence

    Hi 👋 Thanks for the awesome demo! I was curious about how Wordle deals with double occurrence of a letter in a word, didn't encounter such case. But I did encounter one here and it's confusing... vvordle According to the first and second tries, there should be 2 "e" in the final word, but there was only one.

    opened by mmhamdy 2
  • npm run build throws Error: Cannot find module 'worker_threads'

    npm run build throws Error: Cannot find module 'worker_threads'

    I'm trying to install this package. This is what I run:

    git clone https://github.com/yyx990803/vue-wordle.git
    cd vue-wordle
    npm install
    npm run build
    

    This is what that last command outputs:

    > [email protected] build
    > vite build
    
    internal/modules/cjs/loader.js:638
        throw err;
        ^
    
    Error: Cannot find module 'worker_threads'
        at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
        at Function.Module._load (internal/modules/cjs/loader.js:562:25)
        at Module.require (internal/modules/cjs/loader.js:692:17)
        at require (internal/modules/cjs/helpers.js:25:18)
        at Object.<anonymous> (/var/www/vue-wordle/node_modules/vite/dist/node/chunks/dep-f5552faa.js:25:20)
        at Module._compile (internal/modules/cjs/loader.js:778:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
        at Module.load (internal/modules/cjs/loader.js:653:32)
        at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
        at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    
    
    opened by tkoop 1
  • Save functionality is added to the game

    Save functionality is added to the game

    If a user completes the game, leaves and comes back the very same day we show the board he played last time and he or she will not be fooled with the same word again.

    opened by tahashieenavaz 1
  • Hex64 words with H failing

    Hex64 words with H failing

    https://vue-wordle.netlify.app/?SG9yc2U=, for example, does not accept horse as its answer, but shows green boxes for the last four letters. Haven't been able to find out what it's misinterpreting the H as.

    opened by orangeqtym 2
  • Add a LICENSE ?

    Add a LICENSE ?

    Hi Evan,

    Thank you for making this vue 3 implementation of Wordle. I've been wanting to try to learn vue3 for some time now, this wordle finally gives me the motivation to try it. I'm making a fork of this repo for my native language wordle. It would be great if you could add a license to this repo.

    Thanks

    opened by subins2000 0
  • Question. not an issue

    Question. not an issue

    Thanks for developing this. Although I have no background in coding, I managed to create an Italian version of it and it worked perfectly. This is quite easy for the latin languages. I wonder if there is a way to develop it in Arabic. I know that I have to change the list of words, and the keyboard, but it is not that straight-forward as Arabic is right-to-left language. I appreciate your advice on this.

    cheers, m.

    opened by MohammedAlrozzi 1
Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.

Wordle Helper Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.

Anwarul Islam 5 Oct 24, 2022
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

English | 简体中文 | 日本語 | Spanish SPONSORED BY 活动服务销售平台 客户消息直达工作群 Introduction vue-element-admin is a production-ready front-end solution for admin inter

花裤衩 80.1k Dec 31, 2022
:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

vuera NOTE: This project is looking for a maintainer! Use Vue components in your React app: import React from 'react' import MyVueComponent from './My

Aleksandr Komarov 4k Dec 30, 2022
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
Jenesius vue modal is simple library for Vue 3 only

Jenesius Vue Modal Jenesius vue modal is simple library for Vue 3 only . Site Documentation Installation npm i jenesius-vue-modal For add modals in yo

Архипцев Евгений 63 Dec 30, 2022
A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Marc Duiker 6 Jun 25, 2022
Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.

Mosha Vue Toastify A lightweight and fun Vue 3 toast or notification or snack bar or however you wanna call it library. English | 简体中文 Talk is cheap,

Baidi Liu 187 Jan 2, 2023
A plugin that can help you create project friendly with Vue for @vue/cli 4.5

vue-cli-plugin-patch A plugin that can help you create project friendly with Vue for @vue/cli 4.5. Install First you need to install @vue/cli globally

null 2 Jan 6, 2022
Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib

Alan Morel 10 Oct 7, 2022
Help you solve the Wordle puzzles when your vocabulary failes you.

Wordle Helper Help you solve Wordle puzzles when your vocabulary failes you. Have fun with it here: wordle.zxh.io How to use First, start a Wordle puz

Xiaohan Zou 5 Jun 20, 2022
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.9k Jan 9, 2023
A Vue.js 2.0 UI Toolkit for Web

A Vue.js 2.0 UI Toolkit for Web. Element will stay with Vue 2.x For Vue 3.0, we recommend using Element Plus from the same team Links Homepage and doc

饿了么前端 53k Jan 3, 2023
The Intuitive Vue Framework

Build your next Vue.js application with confidence using Nuxt: a framework making web development simple and powerful. Links ?? Documentation: https:/

Nuxt 41.8k Jan 5, 2023
🐉 Material Component Framework for Vue

Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t

vuetify 36.2k Jan 3, 2023
🛠️ Standard Tooling for Vue.js Development

Vue CLI Vue CLI is the Standard Tooling for Vue.js Development. Documentation Docs are available at https://cli.vuejs.org/ - we are still working on r

vuejs 29.6k Jan 4, 2023
🗃️ Centralized State Management for Vue.js.

Vuex ?? HEADS UP! You're currently looking at Vuex 3 branch. If you're looking for Vuex 4, please check out 4.0 branch. Vuex is a state management pat

vuejs 27.9k Dec 30, 2022
A high quality UI Toolkit built on Vue.js 2.0

iView A high quality UI Toolkit built on Vue.js. Docs 3.x | 2.x | 1.x Features Dozens of useful and beautiful components. Friendly API. It's made for

iView 24k Jan 5, 2023
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

vue-next This is the repository for Vue 3.0. Quickstart Via CDN: <script src="https://unpkg.com/vue@next"></script> In-browser playground on Codepen S

vuejs 34.6k Jan 9, 2023
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de

NativeScript 22k Jan 4, 2023