DEV Community

irfan pasha
irfan pasha

Posted on

Building a Service Desk AI Copilot with React, GitHub & Vercel

Introduction

As a Service Desk Analyst, I wanted a faster way to access troubleshooting steps, KB articles, and resolution notes without searching through multiple systems.

To solve this, I built Service Desk AI Copilot, a React-based application that helps engineers quickly find solutions for common IT support issues.

Project Overview

Service Desk AI Copilot is a lightweight knowledge assistant designed to help support engineers with:

AI-powered troubleshooting guidance
Knowledge Base recommendations
Resolution note generation
Priority calculation
Smart search suggestions
Dark/Light theme support
Features
🤖 AI Troubleshooting Assistant

Users can enter an issue description such as:

Teams Meeting Link Missing

The application automatically provides:

Root Cause
Resolution Steps
Escalation Information
Recommended KB
📚 KB Recommendations

Example:

KB0019047
Teams Meeting Add-in Missing in Outlook
Confidence: 95%
📝 Resolution Notes Generator

Automatically generates work notes that can be used when documenting incidents.

Example:

Work Notes:

Verified Outlook COM Add-ins.
Enabled Teams Meeting Add-in.
Restarted Outlook.

Issue resolved successfully.
🎯 Priority Calculator

Calculate incident priority using:

Impact
Urgency

Output:

P1 - Critical
P2 - High
P3 - Medium
P4 - Low
🔍 Smart Search Suggestions

Provides suggestions while typing.

Example:

tea

Suggestions:

Teams Meeting Missing
Teams Cache Corruption
Teams Login Failure
🌙 Theme Switch

Supports:

Dark Mode
Light Mode

for better user experience.

Technology Stack
React
Vite
JavaScript
CSS
GitHub
Vercel
Challenges Faced

During development I learned:

React state management
Component-based design
Git and GitHub workflows
Deploying applications using Vercel
Debugging React and CSS issues
Live Demo

Live Application:

https://servicedesk-copilot.vercel.app/

GitHub Repository:

https://github.com/IrfanPasha05/servicedesk-copilot

Future Improvements

Planned enhancements include:

Additional KB articles
Advanced KB search
Related KB recommendations
Search history
Favorite KB articles
AI-powered knowledge matching
Conclusion

This project helped me combine my Service Desk experience with frontend development and GitHub workflows.

It demonstrates how AI and knowledge management can help support engineers resolve issues faster and improve productivity.

Thank you for reading!

react #javascript #webdev #beginners #github #serviceDesk #itsupport #frontend #vercel #opensource

Top comments (0)