https://github.com/cryptodev523/agent-admin

https://github.com/cryptodev523/agent-admin

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/cryptodev523/agent-admin
• Owner: cryptodev523
• Created: 2025-01-24T21:31:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-24T21:40:22.000Z (over 1 year ago)
• Last Synced: 2025-02-08T15:38:22.929Z (over 1 year ago)
• Language: TypeScript
• Size: 36.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Agent Admin Dashboard

A TypeScript-based React application for managing agents. 

## Screenshots

### Add Agent

![add-agent-form](https://github.com/user-attachments/assets/937d6eae-4ced-45d8-8874-30c29921476c)

### Agent List

![agent-list-desktop](https://github.com/user-attachments/assets/fe0f4a45-a834-4b35-8c18-21197fd9c8c0)

### Edit Agent

![edit-agent](https://github.com/user-attachments/assets/b79796e4-e5a8-4688-a937-cbdfc24baed8)

### Search & Filter

![filter](https://github.com/user-attachments/assets/7d6fd172-5be8-4106-93b1-9d431fa475a6)

### Mobile Responsive

![mobile-responsive](https://github.com/user-attachments/assets/d5411de2-af17-434b-8c8b-0c8b576f096f)

## Demo Video

https://www.loom.com/share/84ba8229dff842488e1d915016fc5682?sid=241ff0c1-490b-4121-b1cc-6f093e0cb6aa

## Features

The following features are implemented in 90 minutes:

### Must-Have Features

- Display a list of agents with details. (name, email, status, last seen)

- Add new agents with name, email and status. (with validation)

- Edit existing agent

- Delete existing agent

- Persistent storage using localStorage

- TypeScript for type safety

### Nice-To-Have Features

- Search and filter agents by name or email

- Responsive design

## Technology Stack

- React

- TypeScript

- TailwindCSS

- Vite

## How to run the application

1. Clone the repository

```bash

git clone https://github.com/cryptodev523/agent-admin.git

```

2. Run `npm install`

3. Run `npm start`

The application will be running on `http://localhost:5173`