https://github.com/danyim/indecks

An interactive index card study aid built with React/Redux
https://github.com/danyim/indecks

firebase mobile productivity reactjs redux stylus

Last synced: 8 days ago
JSON representation

An interactive index card study aid built with React/Redux

• Host: GitHub
• URL: https://github.com/danyim/indecks
• Owner: danyim
• License: mit
• Created: 2016-08-03T06:56:05.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-06-13T09:17:58.000Z (over 5 years ago)
• Last Synced: 2024-11-02T23:32:54.302Z (12 days ago)
• Topics: firebase, mobile, productivity, reactjs, redux, stylus
• Language: JavaScript
• Homepage: https://indecks.netlify.com/
• Size: 6.01 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


Indecks is an interactive index card study app built using React/Redux. Use it to study (or _cram_) test material on a desktop or a mobile device.

[![Build Status](https://travis-ci.org/danyim/indecks.svg?branch=master)](https://travis-ci.org/danyim/indecks)



  Live Demo: https://indecks.netlify.com/



![](https://github.com/danyim/indecks/raw/master/screenshot.png)

### Features

- Real-time synchronization of deck data across devices

- Save data using Twitter, GitHub, Google or email/password for authentication

- Full GitHub-flavored Markdown support (including images) for card contents

- Minimalistic layout tailored for desktop and mobile on-the-go viewing

  - Captures swipes on mobile for quickly navigating between cards

- Keyboard shortcuts for quick navigation (see legend below)

- Offline persistence with local storage

- Import/export of decks via JSON

### Keyboard Shortcuts

| Key | Function | Context |

| --- | -------- | ------- |

| D | Deck Quick Selector | Global |

| / | Keyboard Shortcuts Cheatsheet | Global |

| I | Add/Import Deck | Global |

| , | Settings | Global |

| RARROW | Next Card | While viewing a deck |

| LARROW | Previous Card | While viewing a deck |

| A | Add a card | While viewing a deck |

| E | Edit card | While viewing a deck |

| SPACE | Flip card | While viewing a deck |

| S | Toggle shuffle | While viewing a deck |

| D | Return to deck | While viewing a deck |

### Builds

**Local**

1. `npm start` and open [http://localhost:9406](http://localhost:9406) in your browser.

2. `npm test` to unit tests

**Production**

1. Run `npm run build`

2. Copy `index.html` into `/dist`

3. Place `/dist` on a server

### License

  MIT