Design System Manager
A design system that combines design, code, and documentation.
Project Description
Our team had to create a web version of the desktop application dedicated to design management. The code-enabled design system manager should have enabled designers and developers to share the same design elements across various platforms in real time.
Solution
To create a product in line with business requirements and users expectations, we have chosen to use the React Native framework and the React.js library, which enabled us to create interactive UIs. Numerous charts were stylized with the help of the Recharts library due to its great integration with React. One of the main tasks for the implementation of numerous features was data saving while going from one page to another. That is why we used ReduxForm that let us cope with this. Data storage was provided with Redux + Redux-Saga.
Result
Our team implemented the following features:
1Database setup for the front-end side;
2Real-time data update;
3Integration with Flutter;
4Integration with Intercom;
5Integration with Stripe;
Client and Business Goals:
- To combine DevOps and DesignOps in the fully code-enabled design system manager.
Collaboration Overview:
- Engagement Model: Dedicated Development Team
- Team Size: 10 Developers
- Project Management Methodology: SCRUM
Technologies Used:
Express.js
Firebase
Jest
React.js
Project Highlights:
Socket.ioFirebase Admin SDKRouting-controllersTypescriptMoment.jsBabelMobXIndexedDBReact-final-form