Dynamic Table with GPT-4

This project demonstrates the power of combining React, Material-UI, and OpenAI's GPT-4 to create a dynamic table design. Users can add new columns to the table, and GPT-4 will automatically fill in the data for the new column based on the existing data in the table.

Features

• Dynamic table design using Material-UI's DataGrid component
• Add new columns to the table on the fly
• GPT-4 integration to populate new column data based on existing data
• Real-time table population

Getting Started

Prerequisites

• Node.js (version 14.x or higher)
• npm (version 7.x or higher)
• GPT-4 API key (you will need to sign up for an API key)

Installation

1. Clone the repository:

git clone https://github.com/MohammedAlSafwan/dynamic-table.git

2. Install dependencies:

cd dynamic-table
npm install

3. Replace the GPT-4 API key in DynamicTable.js:

const apiKey = 'your-api-key'; // Replace with your GPT-4 API key

4. Start the development server:

npm start

5. Open http://localhost:3000 to view the app in your browser.

Built With

• React
• Material-UI
• OpenAI GPT-4

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Acknowledgments

• OpenAI for providing the GPT-4 API
• Material-UI for the beautiful UI components
• React for making UI development enjoyable