..loading..

Helft-Lokalen.de

Projektbeschreibung

Während der Corona / COVID-19 Kontaktsperre wurden für mehrere Wochen die lokalen Geschäfte gesperrt und später unter großen Auflagen mit und mit geöffnet. Die Idee dazu kam einem Arbeitskollegen: Ein Verzeichnis lokaler Händler und Dienstleister, welche ihren Vertriebsweg aufgrund der Situation auf Versand oder Mitnahme geändert haben. Jede Stadt sollte so ihre geliebten Einzelhändler und Dienstleister untersützen können. Nach Projektfertigstellung wurden die Maßnahmen jedoch wieder gelockert, womit das Projekt auch an attraktivität verloren hat. Was ich daraus in Zukunft mache, bleibt noch offen.

Projektdetails

Helft-Lokalen ist mit wenigen klickst für neue Städte eingerichtet und per kürzel als Subdomain erreichbar (alá ac.hilft-lokalen.de). Die Listeneinträge können an zentraler Stelle per Freitextsuche durchsucht werden oder Zurhilfenahme von Filtern sortiert werden. Neue Einträge werden über ein dynamisches Formular akzeptiert. Jeder Eintrag wird manuell überprüft und verifiziert, wodurch der Eintrag anschließend öffentlich zu finden ist.

Außerdem besitzt Helft-Lokalen ein Admin-Interface für autorisierte Logins. Verifizierungen, endgültiges löschen oder die Verwaltung von Kategorien können bequem im Admin-Bereich durchgeführt werden.

Verifizierungsprozess

Unverifizerte Einträge werden chronologisch aufgelistet. Jeder Eintrag wird genauso dargestellt wie er später auf der Seite zu sehen sein wird. Dadurch ist die einfache Überprüfung der Inhalte gegeben. Nach erfolgreicher Verifierung wird der Eintrag öffentlich.

Gelöschte Objekte

Auf Helft-Lokalen können Einträge kurzfristig "gelöscht" werden. Dadurch sind diese Anzeigen vorrübergehend nicht mehr öffentlich einsehbar. Im Admin-Bereich findet man diese dan unter "Papierkorb". Hier können die Einträge dann final gelöscht werden oder wieder auf "öffentlich" gesetzt werden.

Stadtverwaltung

Anpassungen an dem individuellen Städteverzeichnis können ebenfalls bequem im Admin-Interface durchgeführt werden. Dazu zählt aktuell:

  • Städtename
  • Stadtkürzel
  • Akzentfarbe
  • Stadtlogo

Kategorieverwlatung

In der Verwaltung der Kategorien können vordefinierte Kategorien bearbeitet oder gelöscht werden. Neue Kategorien werden über seperate Eingabefelder angeledt.

Tech Stack

  • Create React App (★ 76k) for development and test infrastructure (see user guide)
  • Material UI (★ 54k) to reduce development time by integrating Google's Material Design
  • React Dashboard (★ 2k) Free React Dashboard made with Material UI’s components
  • Reach Router (★ 6k) for declarative routing and client-side navigation
  • React Dropzone (★ 7k) Simple React hook to create a HTML5-compliant drag'n'drop zone for files.
  • TypeScript (★ 58k) TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
  • Google Cloud & Firebase for serverless architecture - Cloud SQL, Cloud Functions, CDN hosting, file storage (docs)