https://github.com/marcosdlcs/wordle-101
Wordle 101
https://github.com/marcosdlcs/wordle-101
beginner-friendly css html javascript web
Last synced: about 1 year ago
JSON representation
Wordle 101
- Host: GitHub
- URL: https://github.com/marcosdlcs/wordle-101
- Owner: marcosDLCS
- Created: 2022-07-09T08:17:22.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-07-14T18:07:52.000Z (almost 3 years ago)
- Last Synced: 2024-04-29T22:37:20.092Z (about 2 years ago)
- Topics: beginner-friendly, css, html, javascript, web
- Language: JavaScript
- Homepage:
- Size: 259 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.adoc
Awesome Lists containing this project
README
= wordle-101
:toc: auto
== TeachTech
This simple project has been created as an example during **TeachTech 2022** to illustrate concepts during mentoring assignments.
https://www.teacht3ch.com/[TeachTech] is a non-profit initiative, composed solely of volunteer IT professionals, whose goal is to teach the basics of programming to people with no previous knowledge, free of charge.
== Introduction
Wordle is a web-based word game **created and developed by Welsh software engineer Josh Wardle**, and owned and published by The New York Times Company since 2022.
Players have **six attempts to guess a five-letter word**, with feedback given for each guess in the form of colored tiles indicating when letters match or occupy the correct position.
== The best way to run the examples
Download Git and Visual Studio Code.
* https://git-scm.com/
* https://code.visualstudio.com/#alt-downloads
Install Live Server extension in Visual Studio Code.
* https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Clone the project in your computer.
[source, console]
----
git clone https://github.com/marcosDLCS/wordle-101.git
----
With **VSCode**, go to the desired folder and open the file **wordle.html**. Find the "Go Live" button in the right bottom part of the editor interface and press it.
== A road to a basic Wordle
On our way to programming a Wordle-like game, we will start with a version with a **very basic structure** and, step by step, we will add styles and functionality to **make the game look like its twin** in a convincing manner: