Home

Introduction

Raaghu Design System is an React based micro front-end design system. Raaghu Design System employs React, Vite, TypeScript, Million, Boostrap5 and Storybook features to develop highly customizable UI application shells, layouts, elemets and components. Raaghu Design System provides as a online repository for the developers containing the elements, components, map and charts.

Through the storybook you can visualize and navigate around the features of the Raaghu Design System. Snippets for the elements allow you to test and design your UI faster and efficiently.

Setup Your Development Environment

Pre-Requirements

The following tools should be installed on your development machine:

• An IDE (e.g. Visual Studio) that supports .NET 8.0+ development.

• Node v16 or v18

• Yarn v1.20+ (not v2)^1 or npm v6+ (already installed with Node)

Verify your environment

Open a command line and run:

• node -v: Should be 14.x.x or 16.x.x (where "x" is some number). Newer versions may not work.
• npm -v: Should be >= 6. If not, run npm install -g npm.
• yarn -v: Should be >= 1.15.0 but less than 2. If not, run npm install -g yarn@1.

If using VS Code, go to a folder and run code . to open the folder in VS Code. If it doesn't work, open VS Code and press F1 or ctrl+shift+P (cmd+shift+P), type path, and select the Install 'code' command in PATH option.