https://github.com/kashyapprajapat/tsguardian

TSGuardian – Your AI-Powered TypeScript Code Analyst 🚀.
https://github.com/kashyapprajapat/tsguardian

ai aiagent gemai

Last synced: 5 months ago
JSON representation

TSGuardian – Your AI-Powered TypeScript Code Analyst 🚀.

• Host: GitHub
• URL: https://github.com/kashyapprajapat/tsguardian
• Owner: kashyapprajapat
• Created: 2025-02-17T13:55:25.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-02-20T07:00:36.000Z (8 months ago)
• Last Synced: 2025-05-07T12:55:40.048Z (5 months ago)
• Topics: ai, aiagent, gemai
• Language: TypeScript
• Homepage: https://tsguardian.vercel.app/
• Size: 133 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TypeScript Code Analyzer

TSGuardian – Your AI-Powered TypeScript Code Analyst Agent🚀.

### 🎯 How It Works

-->Enter TypeScript Code in the editor.

-->Click "Optimize & Analyze" to send the code to the AI-powered backend.

-->AI Analysis Results appear on the right panel with suggested improvements.

-->Fix issues based on feedback and improve your TypeScript code!

## 🚀 Features

- **Real-time TypeScript Code Editing**: Uses Ace Editor for a smooth coding experience.

- **AI-Powered Code Analysis**: Sends TypeScript code to an API for optimization suggestions.

- **Error Handling & Notifications**: Uses `sonner` for user-friendly error messages.

- **Dark-Themed UI**: Modern and visually appealing design with Tailwind CSS.

- **Responsive & Minimalistic**: Two-column layout for code input and AI analysis.

## 🛠️ Technologies Used

- **React** (Next.js)

- **Ace Editor** (Code editor)

- **Axios** (API requests)

- **React-Markdown** (Displays AI analysis)

- **Tailwind CSS** (Styling)

- **Sonner** (Notifications)

### 📸 Screenshots

![Macbook-Air-tsguardian vercel app](https://github.com/user-attachments/assets/8d133329-555b-47a0-a221-ecb02d533b69)

## Suggested Fixces

![Macbook-Air-tsguardian vercel app (1)](https://github.com/user-attachments/assets/9aafc093-b917-4f51-9437-550c94ec1d4c)

## ReFactore

![Macbook-Air-tsguardian vercel app (2)](https://github.com/user-attachments/assets/011e4852-ee3c-4ced-99bb-5b6e9391ce7e)

## Mobile Responsive

![iPhone-12-PRO-tsguardian vercel app](https://github.com/user-attachments/assets/5d54339b-c0e8-432a-89a9-cfcd4b07f264)

## 🏗️ Installation & Setup

1. **Clone the Repository**

   ```bash

   git clone https://github.com/kashyapprajapat/tsguardian.git

   cd tsguardian

   ```

2. Install Dependencies

   ```bash

     npm install

   ```

3. Run the Development Server

  ```bash

  npm run dev

  ``` 

4. Open in Browser

  ```bash

  http://localhost:3000

  ```

### ⭐ Star this repo if you found it helpful!

### 💬 Feel free to contribute or open an issue!