Welcome to the Wheel of Names repository! This is a simple yet visually appealing static website for spinning a wheel of names, built with love (and a bit of chaos).
I created this because I couldn't find a dead simple wheel of names website that:
- Had no tracking or advertising
- Looked visually attractive
- Wasn't trying to monetize a simple functionality
Seriously, it's just a static website! It costs next to nothing to run, and there's no reason to bombard users with ads or track their every move.
The code is beyond horrible. I hacked this together in a couple of days, so please don't judge me.
Despite the rushed nature of this project, it uses a solid stack of modern web technologies:
Page components go into src/pages/*
and UI components into src/components/*
. Both pages and components follow the same structure, consisting of the following files:
const.ts
- exports the componentCLASS_NAME
and any other constantsprops.ts
- providesdefaultProps
andpropTypes
types.ts
- defines an interface for the component propTypesstyle.scss
- component stylesheet, imported inindex.tsx
index.tsx
- the component itself
yarn start
: starts the dev server and opens the index page in a browseryarn build
: builds the application to thedist
folder for Releaseyarn format
: runs Prettieryarn lint
: runs ESLintyarn test
: runs Jestyarn test:coverage
: runs Jest and outputs coverage resultsyarn test:watch
: runs Jest and runs tests on changesyarn test:snapshots
: runs Jest and updates snapshotsyarn update-version
: updates CHANGELOG.md, bumps & tags the versionyarn prepare
: installs Husky hooksyarn prepare-release
: lints, tests, and buildsyarn release
: runsprepare-release
andupdate-version
See CHANGELOG.md for more information.
Distributed under the MIT license. See LICENSE.md for more information.
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request
Enjoy spinning your wheels, ad-free and hassle-free!