Python Tracker App

A fully functional online Integrated Development Environment (IDE) designed to help students learn Python programming by writing, running, and testing their code directly from the web.

Link

Visit Python Tracker

---

Technologies Used

• React.js: Used for designing and developing the frontend of the application to create a dynamic, responsive user interface.
• Flask: Designed and implemented a custom Python API to act as the Python compiler for running code in real-time.
• Node.js: Backend server environment running Express.js.
• Vercel: Deployed the application for public access.

---

Features

• Code Writing: Write Python code directly in the web interface, with syntax highlighting and real-time feedback.
• Real-time Compilation: Code is compiled and executed on the server, allowing students to see the output of their Python code instantly.
• Python Compiler: A fully functional Python compiler integrated into the app, enabling students to run their Python scripts on demand.
• User-friendly Interface: A simple and clean user interface built with React.js, designed to be intuitive for new learners.
• Backend Powered by Express: The backend server, built with Express.js, processes requests and interacts with the Python API to execute code.

---

Installation

1. Clone the repository:

   git clone https://github.com/kylecarbonell/CodeNinjasPython.git

2. Navigate into the project directory:

   cd CodeNinjasPython

3. Install the dependencies for both frontend and backend:

   • Frontend (React):

     cd frontend
     npm install

   • Backend (Express):

     cd ../backend
     npm install

4. Run the backend server:

   npm start

5. Run the frontend development server:

   cd ../frontend
   npm start

---

Usage

1. Navigate to the app: Open Python Tracker in your web browser.
2. Write your Python code: Use the editor to write Python code in the provided text area.
3. Run the code: After writing your code, press the "Run" button to compile and execute your Python script.
4. View output: The output of your code will be displayed below the editor in real-time.

---

Example

Write a simple Python script to print "Hello, World!":

print("Hello, World!")

Click the "Run" button, and you will see the output below:

Hello, World!