Kostenloses Erstgespräch: Lassen Sie uns über Ihr Projekt sprechen +49 0 7195 9299770 vertrieb@webect.de
14-köpfiges Team 12 Jahre Erfahrung 220+ erfolgreiche Projekte DACH-weit tätig Sehr gut

Referenz · Software

React.js ERP Lösung: Moderne Technologie für effiziente Unternehmensprozesse

Für workstool hat Webect eine ERP-Lösung auf Basis von React.js entwickelt – von der UX-Konzeption über Frontend und Backend bis zur Integration externer APIs. Die Plattform bündelt Buchhaltung, Aufgabenmanagement, Banking und Rechnungsstellung in einer responsiven Oberfläche für Desktop, Tablet und Smartphone.

  • Entwicklung
  • UX Design
  • API
  • Projektmanagement
  • Frontend
  • Backend
React.js ERP Lösung: Moderne Technologie für effiziente Unternehmensprozesse
Kunde
workstool
Branche
Handel
Leistung
ERP-Software (Produktentwicklung)
Technologie
React, Node.js, TypeScript
Jahr
2024
Dauer
6 Monate

Ausgangslage

Die Herausforderung

workstool wollte kleinen und mittelständischen Unternehmen eine ERP-Plattform bieten, die zu ihrer Arbeitsweise passt. Viele am Markt verfügbare Lösungen erwiesen sich als zu unflexibel und zu komplex in der Bedienung. Sie ließen sich kaum an die spezifischen Workflows kleinerer Betriebe anpassen und setzten oft lange Einarbeitungszeiten voraus. Genau hier sollte workstool ansetzen: mit einer modernen, verständlichen Software, die zentrale Unternehmensprozesse an einem Ort zusammenführt.

Hinzu kam der Anspruch an echte Multi-Device-Nutzung. Die Plattform sollte am Schreibtisch genauso gut funktionieren wie unterwegs auf Tablet oder Smartphone. Außerdem mussten externe Dienste angebunden werden, etwa für Banking, Steuer und Dokumentenmanagement. Das Ganze sollte auf einer skalierbaren Architektur entstehen, die sich als SaaS-Produkt betreiben und kontinuierlich um neue Module erweitern lässt, ohne dass die Codebasis mit jedem Schritt unübersichtlicher wird.

Lösung

Unser Vorgehen und die Lösung

Webect hat die vollständige Produktentwicklung übernommen. Zu Beginn stand die UX-Konzeption: Wir haben die typischen Abläufe in kleinen und mittelständischen Unternehmen betrachtet und daraus Navigationsstruktur, Bildschirmaufbau und Interaktionsmuster abgeleitet. Ziel war eine Oberfläche, in der Buchhaltung, Rechnungen, Banking und Aufgaben logisch miteinander verbunden sind und Nutzer ohne lange Einarbeitung produktiv arbeiten können. Das Projektmanagement lag ebenfalls bei Webect.

Das Frontend haben wir mit React.js in einer komponentenbasierten Architektur entwickelt und konsequent für Multi-Device-Nutzung optimiert. Wiederverwendbare Komponenten sorgen für ein einheitliches Erscheinungsbild und beschleunigen die Weiterentwicklung. Frontend und Backend sind in TypeScript geschrieben, was die Typsicherheit erhöht und Fehler früh sichtbar macht. Das Backend auf Basis von Node.js und Express bildet die Geschäftslogik und Datenverwaltung ab.

Für die Anbindung externer Dienste haben wir modulare REST-Schnittstellen entwickelt, unter anderem für Banking, Steuer und Dokumentenmanagement. So lassen sich einzelne Integrationen austauschen oder ergänzen, ohne die übrige Plattform anzufassen. Buchungen, Rechnungen und Kundendaten liegen in einer relationalen PostgreSQL-Datenbank. Innerhalb von sechs Monaten entstand so eine produktiv nutzbare SaaS-Plattform, die als Grundlage für weitere Module dient.

01

Buchhaltung

Buchungen werden direkt in der Plattform erfasst und verwaltet.

02

Rechnungsstellung

Rechnungen lassen sich in derselben Oberfläche erstellen und nachverfolgen.

03

Banking-Anbindung

Über eine REST-Schnittstelle ist die Plattform mit Banking-Diensten verbunden.

04

Aufgabenmanagement

Aufgaben werden zentral organisiert und mit den übrigen Prozessen verknüpft.

05

Multi-Device-Oberfläche

Das React-Frontend ist für Desktop, Tablet und Smartphone optimiert.

06

Modulare API-Schicht

Schnittstellen für Banking, Steuer und Dokumentenmanagement sind modular aufgebaut.

Projektablauf

Vom Kick-off zum Go-live

  1. 01

    Analyse & UX-Konzeption

    Erfassung der KMU-Workflows und Entwicklung von Navigation und Interaktionsmustern.

  2. 02

    Design

    Gestaltung einer responsiven, komponentenbasierten Oberfläche für alle Endgeräte.

  3. 03

    Entwicklung

    Umsetzung von React-Frontend, Node.js-Backend, PostgreSQL und externen API-Integrationen.

  4. 04

    Launch & Weiterentwicklung

    Produktivsetzung als SaaS-Plattform nach sechs Monaten und Ausbau weiterer Module.

Ergebnis

Was das Projekt bewirkt

  • workstool ist als produktive SaaS-Plattform im Einsatz

  • Unternehmen nutzen Buchhaltung, Rechnungsstellung, Banking und Aufgabenmanagement in einer Oberfläche

  • Die intuitive UX erleichtert den Einstieg ohne lange Einarbeitung

  • Die modulare Architektur erlaubt den schrittweisen Ausbau um weitere Funktionen

Eingesetzte Technologien

  • React.js
  • TypeScript
  • Node.js
  • Express
  • REST-API
  • PostgreSQL

FAQ

Fragen zum Projekt

Sie planen etwas Ähnliches? Wir beraten Sie gern persönlich.

Projekt besprechen

Wie lange dauerte die Entwicklung der ERP-Lösung?

Die Entwicklung dauerte sechs Monate. Webect hat in dieser Zeit UX-Konzeption, Design, Frontend- und Backend-Entwicklung, API-Integrationen sowie das Projektmanagement übernommen. Am Ende stand eine produktiv nutzbare SaaS-Plattform, die seitdem um weitere Module ergänzt werden kann.

Warum wurde React.js für das ERP gewählt?

React.js erlaubt eine komponentenbasierte Entwicklung, bei der Oberflächenbausteine wiederverwendet werden. Das sorgt für ein konsistentes Erscheinungsbild auf allen Geräten und beschleunigt die Weiterentwicklung. In Kombination mit TypeScript entsteht ein gut wartbares Frontend für eine wachsende Plattform.

Welche externen Dienste sind angebunden?

Über modulare REST-Schnittstellen sind unter anderem Dienste für Banking, Steuer und Dokumentenmanagement angebunden. Durch den modularen Aufbau lassen sich einzelne Integrationen anpassen, austauschen oder ergänzen, ohne dass die übrige Plattform verändert werden muss.

Ähnliches Projekt?

Lassen Sie uns über Ihr Vorhaben sprechen.

Erzählen Sie uns, was Sie vorhaben – wir geben Ihnen eine ehrliche Einschätzung zu Aufwand, Zeitrahmen und Vorgehen.

Persönliche Beratung bei Webect