A modern web application for managing Winback devices and services.
- Next.js 14 - React framework with server-side rendering and file-based routing
- React 18 - UI library for building user interfaces
- TypeScript - Static type checking for JavaScript
- Tailwind CSS - Utility-first CSS framework
- clsx - Utility for constructing className strings conditionally
- tailwind-merge - Utility for merging Tailwind CSS classes without conflicts
- shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
- Radix UI - Unstyled, accessible components for building high‑quality design systems
- Lucide React - Beautiful and consistent icon set
next: The React framework for productionreact: Core React libraryreact-dom: React rendering for webtypescript: TypeScript language support
@radix-ui/react-slot: Utility for rendering children into another locationclass-variance-authority: Create style variants for componentsclsx: Utility for conditional className constructiontailwind-merge: Smart way to merge Tailwind CSS classestailwindcss: Utility-first CSS frameworklucide-react: Icon library
@types/node: TypeScript definitions for Node.js@types/react: TypeScript definitions for React@types/react-dom: TypeScript definitions for React DOMautoprefixer: PostCSS plugin to parse CSS and add vendor prefixespostcss: Tool for transforming CSS with JavaScripteslint: JavaScript lintereslint-config-next: ESLint configuration for Next.js
- Device management and monitoring
- Service access (Assistance, Academy, Store)
- User profile management
- Responsive design
- Modern UI with consistent styling
- Accessible components
- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
/app- Next.js app router pages and layouts/components- Reusable UI components/ui- Base UI components (button, card, etc.)
/lib- Utility functions and shared logic/public- Static assets/styles- Global styles and Tailwind configuration