lukew3/3cards

Flashcards on web3. Permanently stored, owned by you, and resistant to authoritative control. Powered by arweave.

Hi there 👋

I'm always building, follow me to see what I build next.

If you want to hire me, I'm open to offers starting January 2025 after my graduation.

📄 See my resume

📧 Email me at [email protected]

Some things I've made:

• mathgenerator - A math problem generator with a large variety of problem types, usable as a python package.
• stemplayeronline.com - A website that allows users to mix music using a stem player in their browser.
• uni2db.com - An API for public university data like courses offered. Powered by open-source web scrapers.
• 3cards - Flashcards on web3. Runs at 0 cost, allowing for completely free and unblockable education.
• ideaspot.org - A website where users can share and build each others ideas.
• congol.net - An online server for playing a competitive 2 player version of Conway's Game of Life.
• dropsync - Perfectly sync a moment in your life with a moment in a song
• lukew3/resume - Github Actions CI to build a pdf of my resume from jsonresume and latex template.

3cards's Issues

Enable typing escape characters in import seperators.

setImportContent(importContent.replaceAll('\\n', '\n'));

Fix sizing of cards on sets page

Make set cards always stretch to full size

Like image below. Cards should be full width of container until 1200px (I think)

Replace alert() calls with custom styled alerts.

Add ability to go back pages in sets

Maybe give page a number or just show after id in bottom row. May just want to remove the back button altogether and just have a load next button. Improve buildNextUrl method so that there aren't so many cases. Should be able to use some library to generate url.

Edit: Include page number in url query params. Increment this value when moving to a new page. Maybe going back should just be simulating going back in page history.

Add write mode. should probably be another page /write?tx_id=<tx_id>

User is show the definition and must type the term

Enable users to favorite/save/collect sets that other people have made but the user wants to keep closely available/bookmarked.

Add tag for school (and class?) name?

In create page, put term and definition on newline for mobile devices

Too much space between term and definition on create page

Fix bug that occurs when clicking logout

Add ability to fork sets. Useful for making edits and adding more cards to a set. Maybe add a tag that has Fork-Of: <transaction_id>

Enable pressing enter on create page add item

Remove excessive padding on mobile

On mobile, cards seem too small for the screen. We should decrease the horizontal padding to maybe 5 to 10px.

Collapse nav when screen width becomes too small. Design first

Add animation to setScroll position on button click

Error handling for set list loading, specifically b.data.data undefined

Create search api

Add support for multiline definitions

See https://quizlet.com/201287861/ap-econ-graph-shifters-flash-cards/ and http://localhost:3000/set?tx_id=4zQM9HBb-ElwPus9XtSyJNswYeAzhQxqAfSZYRwe-gU for an example of cards with multiline strings

Create about page for people who want to learn more about the site and the technology that powers it

Keyboard shortcuts

On create page you could have keys that move focused card up and down, delete the card, or create a new card

• ctrl+up - move selected card up
• ctrl+down - move selected card down
• ctrl+d - delete card
• ctrl+n - new card

Fix footer not staying at bottom of screen

Can be seen in mobile on home screen

Doesn't seem like I can replicate

Enable app to be used completely offline with sets being stored in localStorage

Should be able to use next-pwa to accomplish this

Add support for images.

Maybe when a user uploads an image to a pair, their transaction will start as soon as they select the image. If they cancel the image is removed from the set. If it is uploaded, the transaction id will be added as a third element to the term def pair.

Handle Invalid set errors

After submit, navigate to set page with data loaded locally and tell the user what the status of their set is.

Alert users of potential import errors. Detect when half of a card is unpopulated.

Move nav to bottom and add big buttons on mobile