SchlauFuchs - die schlaue Art zu lernen

So funktioniert's

🦊 SchlauFuchs simuliert das Lernen mit Karteikarten.

📚 Du kannst neue Kartenstapel beispielsweise für deine Schulfächer erstellen. Dann legst du deine eigenen Lernkarten für jeden Kartenstapel an. Wie Karteikarten haben die Schlaufuchs-Lernkarten eine Vorder- und eine Rückseite.

📣 Du kannst dir jede Karteikarte vorlesen lassen und dabei aus verschiedenen Sprachen wählen - optimal zum Lernen von Fremdsprachen.

💡 Im Quiz lernst du deine Karteikarten mit einer "Spaced-repetition"-Methode, damit das Gelernte besser im Langzeitgedächtnis abgespeichert wird: Jede Karteikarte bleibt so lange im aktiven Lernprozess, bis sie in sechs aufeinanderfolgenden Quizdurchläufen richtig beantwortet wurde. Danach wird die Karte automatisch ins Archiv verschoben und wird nicht mehr abgefragt. Kannst du eine Karte nicht beantworten, wird sie wieder häufiger abgefragt.

📙 Karten können jederzeit manuell archiviert oder auch reaktiviert werden, so dass du stets die Kontrolle darüber hast, welche Karten sich im aktiven Lernprozess befinden oder pausieren.

🥳 Hab Spaß beim Lernen und verbessere deine Schulnoten mit Schlaufuchs!

Demo-Version

Unsere Demo-Version ist auf Vercel gehostet: Schlaufuchs.

Anmelden kannst du dich über dein GitHub- oder Google-Konto.

Unsere Demo-Version ist für die mobile Ansicht mit dem iPhone XR und iPhone SE, sowie dem Google-Chrome-Browser optimiert. Aber auch auf jedem anderen Gerät ist Schlaufuchs benutzbar.

Technologien und Tools

• React
• JavaScript
• Jest / React Testing Library
• styled-components
• CSS Modules
• Next.js
• Node.js
• NextAuth.js / Google-Login / GitHub-Login
• MongoDB
• Mongoose
• Vercel
• axe DevTools
• SWR
• Git / GitHub

Team

• Marie Langer
• Nicole Schwarz
• Vanessa Ehrlein Patroni

Local Development

To work locally, please install the dependencies using npm i first.

Run npm run dev to start a development server and open the displayed URL in a browser.

Use npm run test to run the tests.

Scripts

You can use the following commands:

• npm run dev to start a development server
• npm run build to build the project
• npm run start to start a production server
• npm run test to run the tests
• npm run lint to run the linter