Use mindmaps to display german words

A visual way to make learning German easier, funnier and more efficient.

This project is trying to visualize a German dictionary as mindmaps, so that German learners can learn German words easier, faster and more effectively!

How it looks

Save words to my Wordbook

Dark Mode

Responsive

Backend Repo

https://github.com/susizhang/German_Mindmap_Dictionary_backend

Libraries

Markmap --Visualize Markdown as mindmaps: https://github.com/markmap/markmap

Wikidictionary -- Get German words: https://de.wiktionary.org/w/api.php?titles=word&action=query&prop=extracts&format=json#

Cheerio -- parse html to json: https://github.com/cheeriojs/cheerio/wiki/Chinese-README

React-hook-form + yup -- signup/login validation: https://github.com/react-hook-form/react-hook-form https://github.com/jquense/yup

AntDesign UI -- UI Component: https://ant.design/

Next improvement

1. Add der/die/das to every word
2. Add notes (if there are any) to mindmap
3. Link to similar words
4. Add translation to Chinese or English
5. If possible, add visualization to words

Thanks

1. This project uses markmap : https://github.com/markmap/markmap

2. Website logo is from: Happy businessman Illustration by IconScout Store

3. 404 page illustration made by storyset: Web illustrations by Storyset

Author

Susi Zhang https://github.com/susizhang