— A platform for investigative research by journalists [en]
— Eine Rechercheplattform für (investigative) Journalist:innen [de]
re:form is based on the approach of story-based inquireries by Mark Lee Hunter and Luuk Sengers. [en]
Die Rechercheplattform re:form basiert auf dem Ansatz der story-based inquireries von Mark Lee Hunter und Luuk Sengers. [de]
Amount of nights spent with this side-project: 7 [en]
Anzahl der mit diesem Nebenprojekt verbrachte Nächte: 7 [de]
Possible through the use of Vue.js. Thanks. [en]
Möglich durch Vue.js. Danke. [de]
uses: vue-i18n@next, vuedraggable.next
- Thema: Funktion für das Hinzufügen eines neuen Artikels
- Thema: Tabellenzellen mehr Funktionen entsprechend Kontext geben(z.B. bei URL)
- Quellen: Tabelle stylen
- Quellen: Tabelle responsive machen
- Kontakte: Social Media richtig anzeigen
- state stabil lokal oder in Datenbank speichern (https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store)
- Native-File-API benutzen, um in regelmäßigen Abständen state als lokale Datei zu speichern
- SaveStatus: functionality + adjustments on smaller screens
- File/BlockEditor: Textarea-Höhe anpassen
- improve design of handles
- decouple navigation from router-view, so that after a click the navigation stays stable (or: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView)
- A11y needs to be reviewed and improved
- Translation needs to be completed and improved
- improve File-View to be a fully functional (block/markdown) editor
- enable collaborative work through saving/loading the state as local file in/from the cloud
- maybe integrate a transkription-api
- Marketing-Page
Hier werden Ereignisse angelegt.
- prop: tagsArray
- takes an Array with tag-objects
Tag-Objekt-Attribute: value: String backgroundColor: String -> Farbwert wird an style-Attribut gebunden
id: Number, beginnt mit 0, aufsteigend type: String, Optionen: [prob, cons, reas, solu] title: String content: String date: Datum actors: Array, Liste von Akteur:innen
Icon inspiriert an: https://icon-library.com/icon/search-icon-free-29.html
Zu berücksichtigen:
- Authoring Tool Acessability Guidelines https://www.w3.org/WAI/standards-guidelines/atag/
- Web Content Acessability Guidelines https://www.w3.org/WAI/standards-guidelines/wcag/
- https://html5accessibility.com/stuff/2020/11/24/know-your-standards/
- https://benmyers.dev/blog/aria-labels-and-descriptions/
https://ionicframework.com/blog/best-practices-for-building-offline-apps/ https://www.smashingmagazine.com/2020/12/progressive-web-apps/
npm install
npm run serve
npm install
npm run serve
npm run build
npm run lint