alyssaxuu / carden

Flashcards with spaced repetition and gamification 🌱

Carden

Flashcards with spaced repetition and gamification 🌱

Carden is a Chrome Extension that helps you turn the content you consume into long-term knowledge. Create flashcards in context, view in-depth stats, collect points and level up, and much more.

Get it now

Made by Anne-Laure Le Cunff & Alyssa X

Table of contents

• Features
• Self-hosting Carden
• Libraries used

Features

🔬 Practice using spaced repetition based on the evidence-based SM2 algorithm
✏️ Create flashcards in context whenever you read something interesting
🗄️ Organize your flashcards into decks
🏆 Collect points and level up as you practice and grow your knowledge
🧩 Cross-compatible with apps like Anki, Quizlet, Brainscape, and more
📦 Import and export flashcards as .txt and .csv files
📊 View and download in-depth stats
...and much more!

Self-hosting Carden

You can run Carden locally without having to install it from the Chrome Store. Here's how:

1. Download the code. In the web version of GitHub, you can do that by clicking the green "Code" button, and then "Download ZIP".
2. Note that there's a server folder for the back-end. You will need to setup a server with a MySQL database.
3. Add the appropriate credentials in config.php to access your database.
4. Modify the access-control-allow-origin in all PHP files to allow requests from the extension (with its unique ID).
5. Replace the POST URLs throughout the javascript files in the chrome-extension folder.
6. Go to chrome://extensions/ in your browser, and enable developer mode.
7. Drag the chrome-extension folder (make sure it's a folder and not a ZIP file, so unzip first), or click on the "Load unpacked" button and locate the folder.
8. That's it, you will now be able to use Carden locally. Make sure you pin it on the toolbar by clicking the "puzzle" icon in the toolbar and pinning Carden.

Libraries used

• jQuery - for better event handling and DOM manipulation
• jQuery Nice Select - for better, more stylish dropdowns
• Chart.js - for rendering the chart for the stats
• ExtensionPay - for handling the yearly subscription
• Twemoji - for the cool emojis throughout the extension ✨

Feel free to reach out to me through email at [email protected] or on Twitter if you have any questions or feedback! Hope you find this useful 💜

carden's Issues

Missing sql schema file

Hi,
It's great plugin and i want to test in my local system. For local setup where can I find sql file schema.

firefox version

Are you going to public a firefox version too?

Feedback: Create and share a deck

Hello Alyssa,

I was thinking of something for Carden.
Do you think there could be a feature where someone creates a deck and people can subscribe and add this deck to their browser?

I would love to subscribe to decks created by people I know who have the knowledge I am looking for.
And maybe popular decks can be monetized later.

Just I thought, I hope you don't mind.
I love this product idea :-) I need to start creating my cards, there are so many.

Logged in as another user

When using my Google Account to log in to Carden, I instead got logged in as a user name "Olive You", who is already level 4 and has created cards.