Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nexxeln/nexdle

A Wordle clone made with React, Tailwind CSS, Zustand
https://github.com/nexxeln/nexdle

react tailwindcss typescript vite vitest wordle zustand

Last synced: 3 months ago
JSON representation

A Wordle clone made with React, Tailwind CSS, Zustand

Host: GitHub
URL: https://github.com/nexxeln/nexdle
Owner: nexxeln
License: apache-2.0
Created: 2022-03-20T05:55:40.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-04-12T11:46:57.000Z (almost 3 years ago)
Last Synced: 2024-10-01T00:43:05.451Z (4 months ago)
Topics: react, tailwindcss, typescript, vite, vitest, wordle, zustand
Language: TypeScript
Homepage: https://nexdle.nexxel.dev
Size: 2.8 MB
Stars: 27
Watchers: 2
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
nexdle


![screenshot](https://github.com/nexxeln/nexdle/blob/main/images/new-screenshot.png?raw=true)



  

  



Play here!

If you're finding the game difficult you can always use the wordle solver I made :)


## Overview

A [wordle](https://www.nytimes.com/games/wordle/index.html) clone made with [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/), [TailwindCSS](https://tailwindcss.com/), [Vite](https://vitejs.dev/) and [Zustand](https://github.com/pmndrs/zustand). This project was a great learning experience for me, I learnt a lot about CSS grids, custom hooks in React, using state management libraries like Zustand, and how to use testing tools ([Vitest](https://vitest.dev/) in this case).

## Run locally

- Clone the repository

```bash

git clone https://github.com/nexxeln/nexdle.git

```

- Install dependencies

```bash

cd nexdle

yarn

```

- Run the app

```bash

yarn dev

```

- To run tests

```bash

yarn test

```

- To run tests using the insane vitest ui feature

```bash

yarn test:ui

```

![vitest-ui](https://github.com/nexxeln/nexdle/blob/main/images/Code_Vyzc5YbawL.gif?raw=true)

## Contributing

Contributions are welcome!

## License

This repository is licensed under the [Apache 2.0 license](https://github.com/nexxeln/nexdle/blob/main/LICENSE), generated by [gen-license](https://github.com/nexxeln/license-generator).