This is a ChatBot Application using OpenAI's Assistants API and was programmed using React and styled with CSS.
The App component consists of a Header, ChatContainer, Message(s), and Links component.
![Screen Shot 2024-01-10 at 2 18 26 PM](https://private-user-images.githubusercontent.com/71473099/295682117-607acc80-3325-4d81-923f-ece5e9277b7c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzMDA5ODksIm5iZiI6MTcyNDMwMDY4OSwicGF0aCI6Ii83MTQ3MzA5OS8yOTU2ODIxMTctNjA3YWNjODAtMzMyNS00ZDgxLTkyM2YtZWNlNWU5Mjc3YjdjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIyVDA0MjQ0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcxMGFjYzYzNGFkYTRhYjU4Yjk0ZWJlZDk3MWIxMjM2Mjc3YmQzYmJiYzdmNmU3OWQ1ZDkzMWExOTUxNmQ2ZTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GKTNVhBCZG4gK5P1AvEsY-kupV-_gg6OGDUW03Rl2Rs)
Babylon Micro-Farms was founded Alexander Olesen and Graham Smith with the goal of bringing the benefits of sustainable hydroponic farming to anyone who needs it.
This ChatBot serves as the first line of customer service for Babylon's expanding array of products.
Prequisites: Ensure You have Node.js and npm installed on your system (check using npm -v
or install here)
- Clone the repo using
git clone [THIS_GITHUB_URL]
and then navigate into the project directory usingcd babylon-microfarms-chatbot
- Install dependencies from the package-lock-json using
npm install
- Run the app using
npm run dev
to launch in your browser using Vite
To correctly build an assistant, simply set up an .env file in your project's root directory with an OPENAI API Key and assistant ID.
VITE_OPENAI_API_KEY = "[api_key]" VITE_OPENAI_ASSISTANT_ID = "[assistant_id]"
Starting WaterBoy: Upon launching, the chatbot interface is immediately accesible
Interacting with WaterBoy: Type your micro-farming questions in the chat box and press the Submit button or enter. Upon processing, WaterBoy will respond with relevant information, tips, and actions.
Additional Features: Explore the various functionalities such as the text-to-speech feature or the assistant's response copy feature
Built during Forge's SWE Launch Crash Course Jan 2024 by Tiffany Fu, Samuel Glasscock, and Rishi Sarraff. Supervised by Byron Richards and Simon Anderson.