EdTech and Study Tools + Software Development
Build a flashcard app with spaced repetition
Make a web app that shows each card again just before you would forget it.
- DifficultyIntermediate
- Estimated time1–2 weeks
- Budget₹0
- ClassClass 10 to college
- TeamSolo or up to 2
- You needComputer only
Prerequisites: Basic HTML and JavaScript
Original · by TechnifyedEducational ToolSoftware ProjectFree to doComputer onlyWell documentedTwo subjects
Overview
Spaced repetition schedules each card at growing intervals: a card you know comes back later, one you miss comes back soon. The Leitner box system does this with five boxes and is easy to program.
Why build this?
You build a tool you will actually use, and the algorithm is a clear application of learning science.
What you will learn
- How spaced repetition works
- How to implement the Leitner system
- How to store progress on the device
- How to design for quick daily use
Skills you will use
Materials and tools
- Computer
- Browser
- Text editor
Tools and software
Step-by-step roadmap
Start
You will finish with: a working app and a week of your own usage data.
- 1
Prerequisites
Know this first: basic HTML and JavaScript. Then collect the 3 items in the materials list.
- 2
Learn
- How spaced repetition works
- How to implement the Leitner system
- How to store progress on the device
- How to design for quick daily use
- 3
Plan
List the features for version one, sketch the screens or data flow and pick the tools. Keep the first version small.
- 4
Build
- Store cards with a question, an answer and a box number.
- Show the cards due today.
- On a correct answer move the card up a box; on a wrong answer move it to box one.
- Set review intervals of 1, 2, 4, 8 and 16 days.
- Save progress in the browser.
- Add import of a card list and a progress chart.
- 5
Test
Use it for a week on real material and check the due counts match the rule.
- 6
Document
Write a README: what it does, how to run it, screenshots and what you learned. Report structure
- 7
Present
Show a live demo of one complete task, then the design and the hardest problem you solved. Presentation structure · Viva questions
- 8
Publish
Put the code on GitHub with the README and, if you can, deploy a live demo.
Expected outcome
A working app and a week of your own usage data.
Other versions of this project
Beginner version
Build a simple flip-card viewer with no scheduling.
Advanced version
Implement the SM-2 algorithm and compare it with the box system.
Research version
Compare your recall with and without the app on two word lists.
Portfolio version
Publish it with a README explaining the algorithm.
Make this project better
- BasicBuild a simple flip-card viewer with no scheduling.
- This projectBuild a flashcard app with spaced repetition
- AdvancedImplement the SM-2 algorithm and compare it with the box system.
- ResearchCompare your recall with and without the app on two word lists.
- PortfolioPublish it with a README explaining the algorithm.
Ways to do this project
Text marked "You write this" is a prompt for your own work; everything else is specific to this project.
- Research question
- You write thisOne question you can answer with data, narrow enough to finish in the time you have.
- Hypothesis
- You write thisWhat you expect to find, and why.
- Variables
- You write thisWhat you change or compare, what you measure, and what you hold constant.
- Methodology
- Compare your recall with and without the app on two word lists.
- Data collection
- You write thisSay what you will record, how many times, and how you will keep the records safe.
- Analysis
- You write thisChoose the table, chart or test that answers the question; report averages with their spread.
- Limitations
- You write thisList what could have affected the result: small sample, instrument limits, things you could not control.
Literature review
Find five to eight sources (your textbook, review articles, reports) and note what each says about your question. Group them by idea, not one after another, and end with what is still not known.
References
List every source you used in one style throughout (author, year, title, where it was published, link and the date you opened it).
Use this as the outline of your README or case study.
- Problem
- Spaced repetition schedules each card at growing intervals: a card you know comes back later, one you miss comes back soon.
- Why it matters
- You build a tool you will actually use, and the algorithm is a clear application of learning science.
- What was built
- A working app and a week of your own usage data.
- Technology
- CSS, HTML, JavaScript
- Architecture
- You write thisOne diagram: the parts and how data moves between them.
- Implementation
- You write thisThe 6 build steps in your own words, with one code or design decision you are proud of.
- Challenges
- You write thisThe hardest bug or decision, and how you got past it.
- Results
- Use it for a week on real material and check the due counts match the rule.
- Demo and code
- You write thisA link to a live demo or a short video, and to the GitHub repository.
- Lessons learned
- You write thisWhat you would do differently next time.
- Future improvements
- Implement the SM-2 algorithm and compare it with the box system.
- Problem
- Spaced repetition schedules each card at growing intervals: a card you know comes back later, one you miss comes back soon.
- Target user
- You write thisOne specific person: who they are and when they would use this.
- Solution
- Make a web app that shows each card again just before you would forget it.
- First version (MVP)
- Add cards, review them and move them between two boxes.
- Tech stack
- CSS, HTML, JavaScript
- Architecture
- You write thisA quick sketch of the parts and how they connect.
- Demo
- Use it for a week on real material and check the due counts match the rule.
- Stretch goals
- Implement the SM-2 algorithm and compare it with the box system.
Team roles
Plan by length
24-hour
- Hours 0–2: agree the problem, the user and the one thing the demo must show
- Hours 2–16: build only the first version
- Hours 16–20: test the demo path end to end and fix what breaks
- Hours 20–24: slides, a 2-minute demo script and a backup recording
48-hour
- Evening 1: problem, user, sketch and task split
- Day 1: first version working end to end
- Day 2 morning: one stretch goal and testing
- Day 2 afternoon: polish, slides and demo practice
1-week
- Day 1: research the problem and talk to two possible users
- Days 2–4: first version
- Day 5: stretch goals
- Day 6: testing and write-up
- Day 7: demo video and presentation
Working as a team
Solo or up to 2. Suggested roles:
Report and presentation
Report structure
- Title and summary
- Problem and target user
- Features
- Tools and technology
- Design: architecture, data model or screens
- Implementation
- Testing
- Results and screenshots
- Challenges
- Future improvements
- References
Presentation structure
- The problem
- Who it is for
- Live demo
- How it is built (one diagram)
- The hardest part
- Testing and results
- What you learned
- What comes next
Viva questions
Try answering before you open each one.
What is the spacing effect?
Information reviewed at spaced intervals is remembered longer than when crammed.
What does the box number mean?
How well you know the card; higher boxes are reviewed less often.
Where is the data stored?
In the browser on the device.
How would you prove it helps?
Compare recall of words learned with and without it.
Resources
Source and attribution
Original
Written by Technifyed. Free to use for your own school or college project; write the report in your own words. Added 1 Oct 2026.
Similar projects
More EdTech and Study Tools projects
EdTech and Study Tools · Study Tools
Study how students use AI tools for homework
Survey anonymously how often students use AI tools, for what, and what they think is fair.
EdTech and Study Tools · Study Tools
Create a revision timetable tool
Build a spreadsheet that turns exam dates and topics into a daily revision plan.
EdTech and Study Tools + Programming
Build a quiz bot for revision
Write a program that asks more of the questions you get wrong.
EdTech and Study Tools + Data
Analyse quiz data to find what a class misunderstands
Use anonymous quiz results to find which questions and wrong answers reveal misconceptions.
Same tools
Games, Graphics and New Tech + Physics
Create a 2D physics sandbox
Simulate bouncing balls with gravity, friction and collisions in the browser.
Software Development · Frontend
Make a notes app that works offline
Build an installable notes app that saves on the device and works with no internet.
Public Policy and Governance + Software Development
Build a civic-tech prototype to report local problems
Build a site where residents mark potholes or broken lights on a map and track their status.
Software Development · APIs
Build a weather app using a public API
Show current weather and a five-day forecast for any city using a free weather API.
Two-subject alternatives
Behavioural and Cognitive Science + Teaching and Learning
Compare study techniques with a memory test
Test whether self-quizzing beats rereading for remembering a passage a week later.
Psychology + Teaching and Learning
Study how classroom seating affects participation
Record who speaks in class by seat position over ten lessons, with the teacher's permission.
Behavioural and Cognitive Science + Teaching and Learning
Test whether handwriting or typing helps note recall
Have two groups take notes on the same video by hand or by typing and test them later.
Artificial Intelligence + Teaching and Learning
Predict student marks from study habits
Survey classmates anonymously and model how sleep, study hours and screen time relate to marks.
Same difficulty and budget
Teaching and Learning + Psychology
Study growth mindset in your class
Measure beliefs about ability with a short scale and relate them to how students respond to failure.
Teaching and Learning · Curriculum Design
Design a week of lessons on one topic
Write five linked lesson plans with objectives, activities and a final assessment.
Teaching and Learning · Curriculum Design
Compare assessment methods
Compare written exams, projects and oral tests on fairness, stress and what they measure.
Teaching and Learning · Lesson Experiments
Compare two ways of teaching the same lesson
Teach one topic by lecture to one group and by activity to another, and compare a quiz.