Skip to content

twittt/AICodeExplainer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI Code Explainer

This is a full stack web application that uses AI to explain code. The backend is built with Flask and the frontend with React.

Setup

Backend

  1. Navigate to the backend directory:

    cd backend
  2. Set up a virtual environment:

    python -m venv venv
  3. Activate the virtual environment:

    • On Windows:
      venv\Scripts\activate
    • On macOS and Linux:
      source venv/bin/activate
  4. Install the dependencies:

    pip install -r requirements.txt
  5. Run the Flask server:

    python app.py

Frontend

  1. Navigate to the frontend directory:

    cd frontend
  2. Install the dependencies:

    npm install
  3. Start the React development server:

    npm start

The React app will be available at http://localhost:3000 and the Flask backend at http://localhost:5000.

Usage

  1. Enter your code into the textarea on the frontend.
  2. Click the "Explain Code" button.
  3. The explanation will be displayed below the button.

About

This is a full stack web application that uses AI to explain code. The backend is built with Flask and the frontend with React.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors