React UI Component Assignment - Uzence

This project was created as part of the front-end internship assignment. It includes two custom-built React components: an InputField and a DataTable, documented with Storybook.

---

Live Storybook Demo

You can view and interact with the live components here:

➡️ Live Storybook Preview Link

---

My Approach

I built both components from scratch using React, TypeScript, and Tailwind CSS as required.

• InputField: I focused on creating a flexible component by managing its different states (disabled, invalid, loading), variants, and sizes through props and conditional styling.
• DataTable: I used React hooks like useState and useMemo to efficiently handle client-side sorting and row selection, ensuring the component is performant.

---

How to Run This Project Locally

1. Clone the repository:

   git clone https://YOUR_GITHUB_REPO_LINK_HERE.git

2. Navigate to the project directory:

   cd react-ui-assignment

3. Install dependencies:

   npm install

4. Run the Storybook:

   npm run storybook

   This will open the component library at http://localhost:6006.