Mirror is a mobile friendly web app for task management and note taking. Your everyday tasks are a reflection of who you are, and you deserve high quality tools to stay on top of your workload.
The app is available for free at this link.
Features
- Mobile friendly web app
- Personal Kanban boards
- Zettelkasten knowledge management / note taking / reference tracking tool
- Cross device synchronisation (via the GitHub Gist API)
- Free and open source
- Minimal design with light/dark themes
Roadmap
- Kanban boards
- Zettelkasten
- Synchronisation
- Mobile friendly
- Quality of life fixes (small features, bug fixes, etc.)
Synchronisation log in
To log in via GitHub for synchronisation, create a new token with the gist permission and save it somewhere safe. Then, go to gist.github.com and create a new Gist with any title and add one file, main.md, with any contents. Then click "Create secret gist". Copy the ID from the URL. In the main popup menu (three dots in bottom right) select "Login via GitHub" and enter your token and the gist ID. You will need these two pieces of information on every new computer, so consider putting them in an encrypted text file in cloud storage. Note that the Gist ID can be used to read your notes without a token, so be extra careful with it!
Implementation
Built with React, Redux and Material UI. The project was bootstrapped with Create React App. Synchronisation makes use of Redux state serialisation and the GitHub Gist API.
If you just want to use the app, these steps are not necessary. Simply visit this link and start using the app!
git clone https://github.com/OliverBalfour/Mirrorcd Mirrornpm install(you may need to runnpm rebuild node-sassfor later node versions)
npm start: run debug versionnpm run build: build static version inbuildfoldernpm run deploy: build and deploy to GitHub Pagesnpm run analyze: analyze bundle size, you must runnpm run buildfirst for an up to date analysis
To force update to a new version in Chrome (without losing data) press Ctrl+F5. If that fails, open devtools, right click on browser refresh button, choose "Empty Cache & Hard Reload".
Designed and built by Oliver Balfour. MIT License. If you copy my work attribution would be appreciated.
The app icon is Mirror by Lastspark from The Noun Project.