Nerdux-UI System

Introduction • Features • Technologies • Getting Started • Testing • Storybook • Credits

Introduction

Nerdux-UI is a comprehensive library of reusable React components, designed to offer consistency in design and user experience across applications. It emphasizes reusability and modularity, improving maintainability and scalability of the codebase. This library is perfect for developers looking to reduce development time and effort while ensuring high-quality and robust UI components.

Features

· Inputs: Button, Checkbox, Switch, TextField

· Data Display: Avatar, List, Table

· Navigation: Link, Pagination, Stepper, Tabs

· Surface Components: Accordion, Card

Technologies

·React.js

·TypeScript

·CSS Modules

·Storybook

·Jest

Getting Started

1. Clone the Repository

https://github.com/wawrzonnn/ui-system.git

2. Install Dependencies

npm install

3. Run the Application

npm run storybook

Visit http://localhost:6006/ to view the component library.

Testing

· Run Tests

npm run test

Tests are written using Jest and React Testing Library to ensure component reliability and functionality.

Live Demo

Experience eDashboard in action: Live Demo Link

Screenshots

◇ Pagination

◇ Tabs

◇ TextField

Credits

Design provided by Nerdbord.io.