https://github.com/tholman/the-zen-zone

Digital meditation aid
https://github.com/tholman/the-zen-zone

create-react-app js meditation react

Last synced: about 2 months ago
JSON representation

Digital meditation aid

• Host: GitHub
• URL: https://github.com/tholman/the-zen-zone
• Owner: tholman
• Created: 2018-01-14T07:47:39.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-26T15:25:24.000Z (about 2 years ago)
• Last Synced: 2024-04-14T07:44:30.843Z (9 months ago)
• Topics: create-react-app, js, meditation, react
• Language: JavaScript
• Homepage: https://thezen.zone
• Size: 254 KB
• Stars: 81
• Watchers: 4
• Forks: 16
• Open Issues: 7
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## The Zen Zone

[The Zen Zone](https://thezen.zone) is an exploration into a kind of digital meditation, by providing small "games" that capture your attention.

### The Games

**Switches**: This is perhaps the most simple one of the set, you are given 100 switches to turn on.

![The Switches Game](https://i.imgur.com/rRMN5lzr.png)

**Swirl**: In this activity, you trace the pattern of a spiral, deminishing its size slowly.

![The Swirl Game](https://i.imgur.com/JB8MRpEr.png)

**Break**: This involves moving your mouse to break a larger circle into smaller pieces.

![The Break Game](https://i.imgur.com/5oAqtbMr.png)

### Contributing

1. Clone the repo: `git clone https://github.com/tholman/the-zen-zone.git`

2. CD to directory: `cd the-zen-zone`

3. Yarn install: `yarn install`

4. Yarn start: `yarn start`

This should set up page on `http://localhost:3000`

For quicker development, it may be easier to change out some of the transition code in App.js.

Replacing

```

  { page }

```

with 

```

  { currentPage }

```

Just remember to set it back before you request a merge :).