I want write a work experience in my resume. this is multi version of a concept in a section of this experience. please join all versions together and generate only one version which cover all concept and is perfect for a job experience. the output should be only one perfect and clear and comprehensive and with consistency short bullet point but the perfect version of it which covers all concept of this sentence dont forget i want only one bullet point:

Design and configuration of the admin back office redesign project using React.js 18, TypeScript, and Vite, along with the development and implementation of both old and new features within the new structure.
Design and development of custom base components for the admin backoffice project.

Design System Development: Designed and implemented a custom design system using Figma and Storybook, converting designs into reusable and flexible React components. This approach enhanced development speed and improved visual consistency across the entire project.
Custom Components: Developed a suite of foundational and custom components for the admin and user panels, focusing on reusability, flexibility, and accessibility.
Component Styling: Employed styled-components to dynamically and flexibly style components, enhancing the maintainability and readability of CSS code.
Frontend Design System Structure: Coordinated with the design team to translate designs from Figma into a custom design system using React.js and Storybook. This system accelerated the development of features with well-tested and flexible components.


Development of Core Components: Designed and developed reusable and customizable base components specifically for the admin backoffice project.
Comprehensive Documentation with Storybook: Created detailed documentation using Storybook for all component use cases, aiding in better understanding and faster development.
Accessible Component Design: Ensured all components adhered to accessibility principles, making the system inclusive for users with special needs.
Flexible Component Design with Styled-components: Designed customizable and flexible components using Styled-components, enhancing user interaction with the interface.
Custom Design System Implementation: Collaborated closely with the design team to develop an efficient design system that seamlessly translated designs from Figma into React.js components and comprehensive documentation in Storybook, facilitating rapid feature development with tested and adaptable components.
Creation and Development of Core Components: Developed key components for the admin backoffice, contributing to standardization and increased code maintainability.
Extensive Documentation: Prepared thorough documentation on component usage, presented in Storybook, covering all scenarios and states.
Development of Accessible Components: Designed and implemented components that meet accessibility standards, ensuring usability for all users.
Use of Styled-components: Developed flexible components using Styled-components, improving user interaction with the interface.
Design and Implementation of a Custom Frontend Design System: Based on Figma designs, I implemented a frontend design system with React.js and Storybook, featuring tested and adaptable components that significantly accelerated feature development.
Design and Development of Core Project Components: Developed base components and the main structure for the admin backoffice, enabling other developers to easily utilize them.
User Panel Pages and Component Development: Alongside the base components, I designed and developed various pages for the user panel, creating a cohesive structure.
Design of Dynamic and Flexible Charts: Created charts that allow users to dynamically filter and analyze data.
Accessible Component Design: Adhered to accessibility principles in component design, ensuring the panel is usable by all users, including those with specific limitations.
Design of Flexible Components with Styled Components: Designed flexible and adaptable components using Styled Components, tailored to the project’s requirements.