[{"data":1,"prerenderedAt":259},["ShallowReactive",2],{"post-memoire-a-flashcard-project":3},{"id":4,"title":5,"body":6,"date":249,"description":250,"disabled":251,"extension":252,"meta":253,"navigation":254,"path":255,"seo":256,"stem":257,"__hash__":258},"posts\u002Fposts\u002Fmemoire-a-flashcard-project.md","Memoire: A Flashcard Project",{"type":7,"value":8,"toc":238},"minimark",[9,14,52,59,64,92,95,100,122,126,152,156,196,200,215,219,226,235],[10,11,13],"h1",{"id":12},"whats-this-project-about","What's this project about?",[15,16,17,24,25,28,29,34,35,39,40,43,44,47,48,51],"p",{},[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fmemoire.cloud",[22],"nofollow","Memoire"," is a flashcard project I've been working on for a few weeks now. The goal is to create a tool that helps me memorize things more efficiently using flashcards.",[26,27],"br",{},"\nAfter some readings about ",[30,31,33],"special-word",{"icon-name":32},"uil:calendar-alt","spaced-repetition"," in technology-enhanced-learning, I've identified limitations about existing tools: ",[36,37,38],"strong",{},"UX",", ",[36,41,42],{},"flexibility",", but also ",[36,45,46],{},"open-source alternatives"," or ",[36,49,50],{},"research-friendly tools",".",[53,54,56],"blockquote",{"type":55},"info",[15,57,58],{},"This post will mostly talk about the project's inception, the technologies I've used, and the first steps I've taken to build it. I won't go too deep in the technical details, this will be the subject of future posts.",[60,61,63],"h2",{"id":62},"technology-enhanced-learning","Technology-Enhanced Learning",[15,65,66,70,71,73,74,79,80,85,86,91],{},[67,68,69],"word-tooltip",{"tooltip":63},"TEL"," is a broad term that refers to the use of technology to support learning.",[26,72],{},"\nIt's been 2 years that I've worked in the field of TEL: my apprenticeship at ",[18,75,78],{"href":76,"rel":77},"https:\u002F\u002Fwww.kosmos-education.com\u002F",[22],"Kosmos"," and within the ",[18,81,84],{"href":82,"rel":83},"https:\u002F\u002Fwww.irit.fr\u002FTALENT\u002Fsite\u002Fen\u002Fhome\u002F",[22],"TALENT team"," at ",[18,87,90],{"href":88,"rel":89},"https:\u002F\u002Fwww.irit.fr\u002F",[22],"IRIT",". This field particularly interests me because it combines my passion for technology and my interest in education.",[93,94],"separator",{},[96,97,99],"h3",{"id":98},"the-4-pillars-of-learning","The 4 pillars of learning",[15,101,102,103,39,106,39,109,112,113,116,117,121],{},"Stanislas Dehaene, a French neuroscientist, has identified 4 pillars of learning: ",[36,104,105],{},"Attention",[36,107,108],{},"Active Engagement",[36,110,111],{},"Error Feedback",", and ",[36,114,115],{},"Consolidation",". In his book ",[30,118,120],{"icon-name":119},"uil:book-open","Apprendre"," (Les talents du cerveau, le défi des machines), he explains how these 4 pillars are essential to learning. This book is incredibly interesting and I highly recommend it. Basically, the idea is that learning is a complex process that involves several mechanisms in the brain and the mobilization of multiple cognitive functions is necessary to learn effectively.",[96,123,125],{"id":124},"spacing-testing-effects","Spacing & Testing effects",[15,127,128,129,132,133,51,136,138,139,141,142,144,145,147,148,151],{},"Two concepts are particularly interesting in the field of learning: the ",[36,130,131],{},"spacing effect"," and the ",[36,134,135],{},"testing effect",[26,137],{},"\nThe ",[36,140,131],{}," is the idea that we learn better when we space our learning over time. The ",[36,143,135],{}," is the idea that we learn better when we test our knowledge.",[26,146],{},"\nThese 2 effects are the basis of the ",[36,149,150],{},"spaced repetition"," technique, which is the foundation of many flashcard tools such as Anki or SuperMemo. The idea is to review information at increasing intervals of time to improve long-term retention.",[60,153,155],{"id":154},"global-architecture","Global architecture",[15,157,158,159,165,166,174,175,180,181,186,187,192,193,195],{},"This is the global architecture of the project:\n",[160,161],"img",{"src":162,"alt":163,"style":164},"\u002Fblog\u002Fmemoire_archi.png","Memoire architecture","width: 100%;","\nI chose to work with ",[167,168,173],"icon-link",{":external":169,"icon-name":170,"route":171,"size":172},"true","i-logos-nuxt-icon","https:\u002F\u002Fnuxt.com","sm","Nuxt"," and ",[167,176,179],{":external":169,"icon-name":177,"route":178,"size":172},"i-logos-adonisjs-icon","https:\u002F\u002Fadonisjs.com","AdonisJS"," because I'm familiar with these technologies and I find them very powerful.\nThanks to ",[167,182,185],{":external":169,"icon-name":183,"route":184,"size":172},"i-logos-github-icon","https:\u002F\u002Fgithub.com","Github Actions"," I can build ",[167,188,191],{":external":169,"icon-name":189,"route":190,"size":172},"i-logos-docker-icon","https:\u002F\u002Fwww.docker.com","Docker"," images and deploy containers on a small 5€\u002Fmonth VPS.",[26,194],{},"\nI wanted to keep the project simple and focus on the core features. I also wanted to make it easy to deploy and maintain, thus the choice of Docker and the pipeline with Github Actions.",[60,197,199],{"id":198},"research-oriented-features","Research-oriented features",[15,201,202,203,51,208,210,211,214],{},"The main goal of Memoire is to help me memorize things more efficiently. But I also want to make it a research-friendly tool. To enable this, I plan to add features to make it easy to export data, to analyze it, and to integrate it with other tools or be compliant with ",[18,204,207],{"href":205,"rel":206},"https:\u002F\u002Ffr.wikipedia.org\u002Fwiki\u002FXAPI",[22],"xAPI",[26,209],{},"\nThe project ",[36,212,213],{},"is"," open-source and one goal is also to make it easy to deploy and maintain for other people, on their own infrastructure.",[10,216,218],{"id":217},"whats-next","What's next?",[15,220,221,222],{},"Here are some features I plan to add in the future:\n",[160,223],{"src":224,"alt":225,"style":164},"\u002Fblog\u002Fnext-memoire.png","Next memoire",[15,227,228,229,234],{},"A lot of work remains to be done. After exploring some ",[18,230,233],{"href":231,"rel":232},"https:\u002F\u002Flinear.app",[22],"Linear"," products and company vision, I'll also focus the work on providing a better user experience and a more flexible tool.",[15,236,237],{},"I'm very excited about this project and I can't wait to see where it will lead me. I plan to write more posts about it in the future, so stay tuned!",{"title":239,"searchDepth":240,"depth":240,"links":241},"",2,[242,247,248],{"id":62,"depth":240,"text":63,"children":243},[244,246],{"id":98,"depth":245,"text":99},3,{"id":124,"depth":245,"text":125},{"id":154,"depth":240,"text":155},{"id":198,"depth":240,"text":199},"2024-10-12","A first retrospective on my flashcard project",false,"md",{},true,"\u002Fposts\u002Fmemoire-a-flashcard-project",{"title":5,"description":250},"posts\u002Fmemoire-a-flashcard-project","Z8rOKEUtxcnum8X_o6vsvL9eNeyJeMQS_ou02ScHz_0",1781869814445]