Whether you’re looking for a friendly chat, studying for an exam, or learning a new language, Fun with AI is a simple-to-use application that will help you unlock intellectual potential and may even strengthen your cognitive abilities.

There are a few friends to collaborate with, each a little unique:

1. Davinci - The most capable AI. He will help you reach your highest potential.
2. Curie - Faster than Davinci, but not quite as capable. She's still learning!
3. Babbage - Very straightforward and very fast.
4. Ada - A simple gal, but very speedy!

*If you're having trouble deciding, give Curie a try.

After choosing your friend, put their knowledge to the test by typing a phrase of your choice in the text area (suggested prompts will be loaded for you after you choose your AI, but feel free to create your own as well). Have fun!

• GitHub Project Board can be found here
• Figma Wireframe can be found here

• Overview
• Documentation
• Technologies
• Code Architecture
• Installation
• Stretch Goals (Extras)
• Features
• Future Additions
• Author

• React.js
• CSS
• HTML
• Cypress
• OpenAI API
• Figma

• cypress
  • fixtures
    • response.json
  • integration
    • dashboard_spec.js
• src
  • components
    • App
      • App.css
      • App.js
    • Form
      • Form.css
      • Form.js
    • ResponseCard
      • ResponseCard.css
      • ResponseCard.js
    • Responses
      • Responses.css
      • Responses.js
  • util
    • apiCalls.js
    • questions
  • index.css
  • index.js

• Deployed site here
• To view the code locally:
  1. Run git clone [email protected]:gjax78/fun-with-ai.git in your command line
  2. Run cd fun-with-ai to navigate into the repository
  3. Run npm install
  4. Sign up for an API key from OpenAI
  5. Open the root directory of your cloned repo
  6. Create a .env.local file and store your API key as REACT_APP_API_KEY
  7. Run npm start
  8. The webpage will open in separate browser

• Form to submit a prompt and receive a response from an AI engine
• Ability to select the AI engine from a dropdown menu
• Randomized prompt presets that populate as placeholders after the user selects an AI engine
• 100% Lighthouse Accessibility score
• Loading symbol shows as site is POSTing data
• Responsive Design
• Error handling
• A hidden Easter egg in the Cypress testing file - see if you can find it!

• Incorporate TypeScript
• Save responses if the user leaves or reloads the page
• Delete functionality for option to delete a response

• Geena Jackson