Cloud Insights Web

The frontend of Cloud Insights, built with React, Vite, and ShadcnUI. Focused on responsiveness and accessibility.

Features

• Light/dark mode toggle
• Responsive layout
• Accessible (a11y)
• Built-in sidebar component
• Global search command palette
• RTL (Right-to-Left) language support
• File-based routing with TanStack Router
• Full authentication flow

Tech Stack

Category	Technology
UI Components	ShadcnUI (TailwindCSS + RadixUI)
Build Tool	Vite
Routing	TanStack Router
State Management	Zustand
Data Fetching	TanStack Query
Type Checking	TypeScript
Linting/Formatting	ESLint & Prettier
Icons	Lucide Icons
Authentication	Clerk

Getting Started

Clone the repository

git clone https://github.com/cloudmodal/cloud-insights-web.git

Navigate to the project directory

cd cloud-insights-web

Install dependencies

pnpm install

Copy the environment variables

cp .env.example .env

Start the development server

pnpm dev

Related

• cloud-insights - Backend service

License

Licensed under the MIT License