Skip to content

Vite React frontend for validating code and git repositories.

Notifications You must be signed in to change notification settings

gitlens-AI/gitlens-frontend

Repository files navigation

Git Lens 🧰🔍

An advanced AI-powered platform for analyzing Git repositories, as well as validating and generating code. Built with modern web technologies and GPT-4, Git Checker helps developers ensure high-quality repositories and code.

✨ Features

  • Git Repository Validation: Analyzes Git repositories, provides a detailed report, and assigns a quality score.
  • AI Code Validation: Detects vulnerabilities and errors in your code with detailed explanations.
  • Code Generation: Generates clean, optimized code in any programming language based on user input.
  • Modern Tech Stack: Built with React, TypeScript, Vite, and ExpressJS.
  • Real-Time Interaction: Instant feedback and output for all functionalities.

🎯 Core Functionalities

Validate Git Repository

  1. Enter the GitHub repository link in the input field.
  2. Click "Validate Repo" to start the analysis.
  3. Review the detailed validation report and the repository's quality score.

Validate Code

  1. Paste your code snippet into the left-hand panel.
  2. Click "Validate" to analyze the code for errors and vulnerabilities.
  3. View comments and feedback in the right-hand panel.

Generate Code

  1. Enter a detailed description of the code you need in the left-hand panel.
  2. Click "Send" to generate the code.
  3. Review the generated code on the right-hand panel.

💡 Tips for Best Results

  • Code Validation: Provide complete code snippets for the most accurate feedback.
  • Repo Validation: Provide a link to real public git repository.
  • Code Generation: Use clear, detailed prompts:
    Generate a Python script that automates the creation of a GitHub issue using the GitHub API.
    

🔍 Technical Highlights

  • Frontend: Responsive, dynamic UI for input and output interactions.
  • Backend: Robust API to handle requests and integrate with OpenAI's GPT-4.

🛠️ Tech Stack

Frontend

  • Framework: React 18 with TypeScript
  • Build Tool: Vite
  • Styling: Custom CSS

Backend

  • Framework: ExpressJS with TypeScript
  • AI Integration: OpenAI GPT-4 API
  • Environment: Node.js

🚀 Getting Started

Setting up the Frontend

  1. Install dependencies:
    npm install
  2. Start the development server:
    npm run dev

📝 License

MIT License - feel free to use this project for personal or commercial purposes.

🤝 Contributing

Contributions are welcome! Feel free to submit a Pull Request with your improvements or fixes.

Areas for Contribution

  • New AI-powered features.
  • Enhanced UI/UX for better accessibility.
  • Additional language support for validation and generation.
  • Documentation updates.

by the GitLens AI Team.

About

Vite React frontend for validating code and git repositories.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published