0.0.8 • Published 10 months ago

accenture-assessment-components v0.0.8

Weekly downloads
-
License
-
Repository
-
Last release
10 months ago

Accenture-ui

What is this?

This repository serves as a proof of concept for a design system that aims to streamline development and ensure consistency across various front-end platforms. As part of an interview assessment, this system demonstrates a potential approach to expanding and innovating an existing design system to accommodate multiple devices. While this is a starting point, it highlights the feasibility of creating a centralized hub for reusable components and guidelines.

Features

  • NPM Package: The design system is packaged as an NPM module for easy integration into projects.
  • Storybook: A development environment for visualizing and interacting with components in isolation, facilitating testing and documentation.
  • Unit Tests: Automated tests verify the correctness and functionality of components, ensuring quality and reliability.
  • Cross-Platform Compatibility: The design system is designed to adapt seamlessly to different platforms, including mobile, desktop, in-car HMI, smart home devices, and wearables.

Benefits

  • Efficiency: Reduces development time by providing pre-built components.
  • Consistency: Maintains a unified look and feel across all platforms.
  • Usability: Ensures a consistent user experience.
  • Innovation: Supports the creation of innovative and engaging interfaces.

How to use

Integrate to project

import { Button } from 'accenture-assessment-components';

export function App() {
  return <Button>My button</Button>
}

Use localy

Clone the repository, install dependencies and launch.

git clone https://github.com/cibulka/accenture-assessment-components
cd accenture-assessment-components
npm install
npm run dev

Run Storybook

Storybook will launch on a local port. You can also see the demo online.

npm run storybook

Run tests

Tests will generate coverage report both in terminal, as well as in a static HTML build in /coverage/index.html.

npm run test

🧔‍♂️ Made by

Coded by Petr Cibulka. Check my website or play Tetris, my open-source project. 😊

0.0.8

10 months ago

0.0.7

10 months ago

0.0.6

10 months ago

0.0.5

10 months ago

0.0.4

10 months ago

0.0.3

10 months ago

0.0.2

10 months ago

0.0.1

10 months ago