Laptop_Issue_Management

📝 Description

Laptop Issue Management is a web application built with React, designed to streamline the process of reporting and resolving laptop-related problems. This user-friendly platform provides a centralized system for users to submit issue reports, track their progress, and receive updates on resolutions. With a clean and intuitive interface, Laptop Issue Management simplifies IT support and ensures efficient handling of hardware and software issues. The web-based nature of the application ensures accessibility across different devices and operating systems.

✨ Features

• 🕸️ Web

🛠️ Tech Stack

• ⚛️ React

📦 Key Dependencies

@radix-ui/react-accordion: ^1.2.3
@radix-ui/react-alert-dialog: ^1.1.6
@radix-ui/react-aspect-ratio: ^1.1.2
@radix-ui/react-avatar: ^1.1.3
@radix-ui/react-checkbox: ^1.1.4
@radix-ui/react-collapsible: ^1.1.3
@radix-ui/react-context-menu: ^2.2.6
@radix-ui/react-dialog: ^1.1.6
@radix-ui/react-dropdown-menu: ^2.1.6
@radix-ui/react-hover-card: ^1.1.6
@radix-ui/react-label: ^2.1.2
@radix-ui/react-menubar: ^1.1.6
@radix-ui/react-navigation-menu: ^1.2.5
@radix-ui/react-popover: ^1.1.6
@radix-ui/react-progress: ^1.1.2

🚀 Run Commands

• dev: npm run dev
• build: npm run build

📁 Project Structure

.
├── backend
│   ├── laptop_management.db
│   ├── main.py
│   └── requirements.txt
├── index.html
├── package.json
├── src
│   ├── App.tsx
│   ├── Attributions.md
│   ├── components
│   │   ├── Sidebar.tsx
│   │   ├── figma
│   │   │   └── ImageWithFallback.tsx
│   │   ├── pages
│   │   │   ├── AddIssuePage.tsx
│   │   │   ├── AssignWorkerPage.tsx
│   │   │   ├── BrandIssuesPage.tsx
│   │   │   ├── HomePage.tsx
│   │   │   ├── IssueListPage.tsx
│   │   │   ├── LoginPage.tsx
│   │   │   ├── RegisterPage.tsx
│   │   │   └── WorkerPanelPage.tsx
│   │   └── ui
│   │       ├── accordion.tsx
│   │       ├── alert-dialog.tsx
│   │       ├── alert.tsx
│   │       ├── aspect-ratio.tsx
│   │       ├── avatar.tsx
│   │       ├── badge.tsx
│   │       ├── breadcrumb.tsx
│   │       ├── button.tsx
│   │       ├── calendar.tsx
│   │       ├── card.tsx
│   │       ├── carousel.tsx
│   │       ├── chart.tsx
│   │       ├── checkbox.tsx
│   │       ├── collapsible.tsx
│   │       ├── command.tsx
│   │       ├── context-menu.tsx
│   │       ├── dialog.tsx
│   │       ├── drawer.tsx
│   │       ├── dropdown-menu.tsx
│   │       ├── form.tsx
│   │       ├── hover-card.tsx
│   │       ├── input-otp.tsx
│   │       ├── input.tsx
│   │       ├── label.tsx
│   │       ├── menubar.tsx
│   │       ├── navigation-menu.tsx
│   │       ├── pagination.tsx
│   │       ├── popover.tsx
│   │       ├── progress.tsx
│   │       ├── radio-group.tsx
│   │       ├── resizable.tsx
│   │       ├── scroll-area.tsx
│   │       ├── select.tsx
│   │       ├── separator.tsx
│   │       ├── sheet.tsx
│   │       ├── sidebar.tsx
│   │       ├── skeleton.tsx
│   │       ├── slider.tsx
│   │       ├── sonner.tsx
│   │       ├── switch.tsx
│   │       ├── table.tsx
│   │       ├── tabs.tsx
│   │       ├── textarea.tsx
│   │       ├── toggle-group.tsx
│   │       ├── toggle.tsx
│   │       ├── tooltip.tsx
│   │       ├── use-mobile.ts
│   │       └── utils.ts
│   ├── data
│   │   └── mockData.ts
│   ├── guidelines
│   │   └── Guidelines.md
│   ├── index.css
│   ├── main.tsx
│   ├── services
│   │   └── api.ts
│   ├── styles
│   │   └── globals.css
│   └── types
│       └── issue.ts
├── test.py
└── vite.config.ts

🛠️ Development Setup

Node.js/JavaScript Setup

1. Install Node.js (v18+ recommended)
2. Install dependencies: npm install or yarn install
3. Start development server: (Check scripts in package.json, e.g., npm run dev)

👥 Contributing

Contributions are welcome! Here's how you can help:

1. Fork the repository
2. Clone your fork: git clone https://github.com/manasa1864/Laptop_Issue_Management.git
3. Create a new branch: git checkout -b feature/your-feature
4. Commit your changes: git commit -am 'Add some feature'
5. Push to your branch: git push origin feature/your-feature
6. Open a pull request