This project is designed to create a frontend interview assistant using Next.js, Material UI, and OpenAI GPT-4.
The Frontend Interview Assistant aims to help candidates prepare for interviews by allowing users to ask questions on various frontend topics and receive answers powered by OpenAI GPT-4.
- Node.js (v14 or higher)
- NPM or Yarn package manager
-
Clone the repository:
git clone https://github.com/ebrardev/frontend-interview-assistant.git cd frontend-interview-assistant
-
Install the necessary dependencies:
npm install # or yarn install
-
Set up environment variables: Create a
.env.local
file in the project root and add your OpenAI API key:NEXT_PUBLIC_OPENAI_API_KEY=your_openai_api_key NEXT_PUBLIC_ASSISTANT_ID=your_openai_assistant_id
-
Start the project:
npm run dev # or yarn dev
The application will be running at
http://localhost:3000
in your browser.
- On the homepage, navigate through interview topics, ask your questions, and receive answers.
- Each question will be answered by the OpenAI GPT-4 model.
- Next.js: A modern React framework.
- Material UI: Modern, responsive UI components.
- OpenAI GPT-4: Advanced language model API.
If you wish to contribute, please submit a pull request or open an issue. We welcome all feedback and contributions.
![Screenshot 2024-07-15 at 23 40 23](https://private-user-images.githubusercontent.com/73947103/348849517-eb8bf1db-f4a8-4f1c-95ef-ef99e74e9502.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNzc4MjEsIm5iZiI6MTczOTE3NzUyMSwicGF0aCI6Ii83Mzk0NzEwMy8zNDg4NDk1MTctZWI4YmYxZGItZjRhOC00ZjFjLTk1ZWYtZWY5OWU3NGU5NTAyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA4NTIwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIxMzE5YjRiM2NmYWM3ZjMwNmI2NjRlYjJlMDAzMjY0OGQ4NzYyMzZkOGU4ZmI1MDYyNTFmNzdlNjZlNTJkYzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.nrsHgTQAQoB4KvDLRgLcbyRpL7fn8ZefkHg1hsGV0-E)