mach eine profisionelle webapp: Anforderungen: react, typescript, mariadb, sequelized unsere webapp ist eine smart inventory und sales managment website für kleine läden und unternehmen zur übersicht der bestellten waren, lieferungen, matierialien im lager usw. sales mit intelligten grafiken anzeigen lassen, basierend auf den waren und den lieferungen vorschläge zur nachbestellung und ersparnissen geben powered by AI. Layout: Hauptseite: Oben links Unser Logo SISM (Smart inventory & Sales inventory ausgeschrieben) in der selben Zeile rechts kommt der Profilbutton unter den beiden kommt die navbar die gut smart und responsible ist, mit den kategorien: Dashboard, Sales, Lieferungen, Empfehlungen von AI, Analysen mit der Zeit, Lieferungen usw.; Designe jede website auch passend responsible und profisionell. du kannst entscheiden wie alles ausschaut bei den sub websites, zb sales oder analyse. framer-motion
react-spring
react-transition-group
gsap
react-scroll-motion
react-scroll-parallax mach es mit diesen librarys und NICHT MIT TAILWIND nur diese librarys. wir sind standardmäßig wenn wir uns einloggen beim dashboard und können mit der navbar zu den sub websiten hin kommen. der profilbutton ist ein profilbild das beim einloggen festgelegt wird. wenn man auf den profilbutton klickt kommt das: Profil anzeigen / bearbeiten
Name, E-Mail, evtl. Rolle (Admin, Mitarbeiter etc.).
Profilbild ändern.
Persönliche Daten editieren.
Einstellungen
Passwort ändern.
Sprache / Locale wählen.
Benachrichtigungseinstellungen (z. B. E-Mail, Push, In-App).
Darstellung (Theme hell/dunkel).
Firmen-/Team-Einstellungen (falls relevant)
Rollen & Rechte verwalten.
Mitarbeiter hinzufügen/entfernen.
Rechnungsadresse / Abrechnung (sofern dein System das bietet). mach auch eine login und auslog page, mach es smoothe animationen. Dashboard Startseite nach Login, Überblick & Entscheidungen erleichtern • KPI-…
