Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frubesss/fumble
Anki/Flash card application powered by an Airtable backend
https://github.com/frubesss/fumble
airtable anki flashcards javascript nextjs
Last synced: about 2 months ago
JSON representation
Anki/Flash card application powered by an Airtable backend
- Host: GitHub
- URL: https://github.com/frubesss/fumble
- Owner: frubesss
- Created: 2020-06-11T14:17:42.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-07-09T11:22:15.000Z (over 1 year ago)
- Last Synced: 2024-07-30T16:55:11.714Z (5 months ago)
- Topics: airtable, anki, flashcards, javascript, nextjs
- Language: JavaScript
- Homepage: https://fumble-next.now.sh
- Size: 7.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fumble
> Anki/Flash card application powered by an Airtable backend.
This was created for [TotallyMoneys](https://www.totallymoney.com/) HackDay 2020.
The premise being that anybody who wants to learn about TotallyMoney and its
employees can access the application and view facts in a flash card format when they have a bit of downtime.
It can be amended however for the cards to display whatever you like.
## Development
- Install dependencies:
```
npm install
or
yarn install
```
- Create an [Airtable](https://airtable.com/) with any base name you want with the
fields CardTitle and CardDescription.
- Extract the Airtable api key from [here](https://support.airtable.com/hc/en-us/articles/219046777-How-do-I-get-my-API-key-)
and the base id from [here](https://airtable.com/api) and create a .env file
in the root of the application with the environment variables:
```dotenv
AIRTABLE_API_KEY=
AIRTABLE_BASE_KEY=
```
- Populate both CardTitle and CardDescription in your Airtable with any text you want.
- Run the application
```
npm dev
or
yarn dev
```
## Author
👤 Craig Robertson
* Website: [craigrobertson.me](https://craigrobertson.me)
* Github: [@frubesss](https://github.com/frubesss)
* Email: [email protected]
## Inspiration
- [Care Cards](https://carecards.io/cards)
## Technology
- [Nextjs](https://nextjs.org/)
- [Airtable](https://airtable.com/)
- [React Tinder Cards](https://github.com/3DJakob/react-tinder-card/)