Skip to content

carmmmm/experimentValidator_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Experimental Validation Project

Screenshot 2024-07-30 at 10 25 58 AM Screenshot 2024-07-30 at 10 26 18 AM

Overview

This project provides a web-based application for validating experimental designs. It includes a frontend developed with React and a backend developed with Flask, which integrates with OpenAI's API to assess experimental parameters. The application helps researchers validate their experimental designs by inputting key parameters and receiving feedback on their setup.

Key Features

Frontend Interface

  • A user-friendly React application for inputting experimental parameters.
  • Provides a clean and intuitive form for hypothesis, sample size, variables, and API key.
  • Displays results of the validation process.

Backend Validation

  • A Flask API that communicates with OpenAI's API to validate experimental designs.
  • Handles requests to validate parameters and return feedback.

Technologies Used

  • Frontend: React, MUI (Material-UI)
  • Backend: Flask, OpenAI API

Installation and Setup

Backend

  1. Clone the Backend Repository
git clone https://github.com/carmmmm/experimentValidation_backend.git

  1. Navigate to the Backend Directory
cd experimental-validation-backend
  1. Install Dependencies
pip install -r requirements.txt
  1. Run the Backend Application
python app.py

This will start the Flask server. The API will be accessible at http://127.0.0.1:5000.

Frontend

  1. Clone the Frontend Repository
git clone https://github.com/carmmmm/experimentalValidator_frontend.git
  1. Navigate to the Frontend Directory
cd experimentValidator_frontend
  1. Install Dependencies
npm install
  1. Run the Frontend Application
npm start

This will start the React development server. The application will be accessible at http://localhost:3000.

Accessing the Application

  1. Open Your Web Browser

  2. Navigate to http://localhost:3000 to access the frontend application.

  3. On the home page, click the "Access the Assessment Tool" button to navigate to the experiment form. Screenshot 2024-07-30 at 10 25 58 AM

  4. Fill out the form with the following parameters:

  • Hypothesis: Describe your hypothesis for the experiment.
  • Sample Size: Provide the sample size for the experiment.
  • Variables: List the variables involved in the experiment.
  • OpenAI API Key: Enter your OpenAI API key to use the backend validation service.
Screenshot 2024-07-30 at 10 26 18 AM
  1. Submit the Form
  2. Review the feedback displayed on the page to assess the validity of your experimental design. Screenshot 2024-07-30 at 10 26 37 AM

Example

Form Input:

  • Hypothesis: "Increasing temperature will increase reaction rate."
  • Sample Size: "50"
  • Variables: "Temperature, Reaction Rate"
  • OpenAI API Key: "YOUR_OPENAI_API_KEY"

Troubleshooting

  • Ensure both the frontend and backend servers are running.
  • Check the browser console and terminal for any errors.
  • Verify that the OpenAI API key is correct and has sufficient quota.

About

Web application for validating experimental designs, integrating React and Flask with OpenAI API for real-time feedback on hypotheses and parameters.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors