Inhwa/refine desc

[inhwaS]

Overview

This PR implements Issue #6 : ChatGPT Functionality, based on Issue #11 of the Experience Form implementation. However, since this implementation does not focus on fine-tuning, the output simply reflects the result from the OpenAI API call.

Requirements

• OpenAI API key

Dependencies

Added axios to handle HTTP requests to the OpenAI API. if you encounter any error regarding axios, try to use the following command before starting the app:

npm install axios

or

yarn add axios

Changes Introduced

New Files:

• RefineDescription.js: Contains logic to refine user input using ChatGPT.
• .env: Stores the OpenAI API key for secure usage.

Updated Files:

• ExperienceForm.js: Integrated the RefineDescription component to update the description text based on user input.

Testing Steps

1. Set up your OpenAI API key in the .env file to enable ChatGPT functionality.

REACT_APP_OPENAI_API_KEY=your_api_key

2. Click the Add Experience button to enter a description.
3. Click Refine Description and wait for the updated text to appear in the description textarea.

Screen.Recording.2024-10-09.at.16.57.53.mov

[inhwaS]

@yashika51 I would like ask you for help to fix my Jest test case. It seems like axios is not properly imported during the test, where should I update?

[yashika51]

@inhwaS can you look at the merge conflicts?
Regarding the failing test cases, I see @aminaopio your recent PR had passing test cases, can you help @inhwaS out and take a look?

[aminaopio]

@inhwaS can you look at the merge conflicts? Regarding the failing test cases, I see @aminaopio your recent PR had passing test cases, can you help @inhwaS out and take a look?

Hi @inhwaS, I believe I just ran the command yarn test on my local environment and it worked after that. If not, maybe try yarn add --dev jest first and then run that same command again.