@mais-tech/renault-ui-library v0.1.144

Renault UI Library

This is a Next.js project bootstrapped with create-next-app, designed to integrate with our renault-ui-library library. This setup includes a suite of Kendo UI React components and is optimized for building interactive user interfaces with efficiency and ease.

Getting Started

To get the development server running:

npm run dev
# or
yarn dev

Navigate to http://localhost:3000 in your browser to see the application in action.

Edit app/page.tsx to start modifying your page. Save the file and observe the updates automatically reflecting in the browser.

We've incorporated next/font for optimized loading of 'Roboto', a custom font from Google Fonts.

Unit and Snapshot Testing

Our commitment to quality means we've implemented unit tests to verify that each component renders correctly with all props provided. Run the tests with:

npm run test
# or
yarn test

For a detailed coverage report, use:

npm run test:coverage
# or
yarn test:coverage

Storybook Integration

To view and interact with the components in isolation, we utilize Storybook:

npm run storybook
# or
yarn storybook

Open http://localhost:6006 to access the Storybook UI.

Learn More

For a deeper dive into the specifics of our design system and the technologies we use:

• Kendo React Components - comprehensive guide to the Kendo UI React components.
• TypeScript - for information on the TypeScript language.
• Testing with Jest - for understanding the Jest framework used in testing.
• Next.js Documentation - to learn more about Next.js's features and API.

Your feedback and contributions to our project repository on GitHub are highly appreciated.

Deploying Your Application

For deployment, Vercel offers a seamless experience to host Next.js applications. Refer to the Next.js deployment documentation for detailed instructions and best practices.