https://github.com/prasanaworld/react-compound-component

cs assessment
https://github.com/prasanaworld/react-compound-component

Last synced: about 1 month ago
JSON representation

cs assessment

• Host: GitHub
• URL: https://github.com/prasanaworld/react-compound-component
• Owner: prasanaworld
• Created: 2024-01-08T20:42:24.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2024-11-09T16:12:36.000Z (about 1 month ago)
• Last Synced: 2024-11-09T17:21:44.713Z (about 1 month ago)
• Language: TypeScript
• Size: 640 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Compound component design pattern example

This repo contain basic example of reusable components adhering to the [compound component design pattern](https://www.smashingmagazine.com/2021/08/compound-components-react/).

1. Integration of unit tests for comprehensive code coverage.

2. Incorporation of TypeScript for enhanced type safety.

3. Ensuring accessibility of components and the user interface, with support for both keyboard navigation and screen reader functionality.

   

## How to run the 

1. Install node version (Tested using node v20.7.0)

  `nvm install v20.7.0`

2. install node_module

  `npm install`

3. Run the dev 

  `npm run dev`

  

4. Run the test

  `npm run test`

## Screenshot 

### Requirement Screenshot

 

### Completed Screenshot