----------

Project Title: CourseCompanion Web Application

Directory Structure:
--------------------

/ - Root directory
  |__ index.html              # Main HTML file for the CourseCompanion application
  |__ style.css               # Stylesheet for the CourseCompanion application
  |__ script.js               # JavaScript file containing dynamic behaviors for the application
  |__ server.js               # JavaScript create an endpoint that receives requests from the client and sends them to OpenAI for processing.
  |__ images/                 # Directory containing images used in the application


Description:
------------

The CourseCompanion Web Application is designed to assist students with course-related inquiries. It includes a chat interface, a sidebar for navigation between different course topics, and dynamically loads content based on user interactions.

Key Components:
---------------
1. index.html:
   - This file contains the HTML structure of the application.
   - It includes references to external libraries such as Axios for HTTP requests and Bootstrap for responsive design.
   - JavaScript and CSS are organized in both external files and inline for specific features.
   - The body onload event triggers initialization of the chat.

2. style.css:
   - Defines the visual style of the web application including grid layout for the header, chat boxes, input areas, and sidebar.
   - Styling specifics for scrollbars, buttons, and text input fields are included to enhance the user interface.

3. script.js:
   - Handles dynamic behavior of the application such as message sending/receiving, sidebar toggling, and input field interactions.
   - This file should include all the JavaScript code that is commented in the index.html for a cleaner HTML file.

4. server.js:
   - Create an endpoint that receives requests from the client and sends them to OpenAI for processing.
   - This file should include all the JavaScript code that is commented in the index.html for a cleaner HTML file.

5. images/:
   - Contains image files used within the application, currently includes the FIU logo and loading gifs.

Usage:
------
- The main interface is loaded via index.html in a web browser.
- Users can interact with the chat interface to receive course-related assistance.
- The sidebar provides quick navigation between different educational topics.

Note:
-----
- Ensure that your web server serves the images/ directory correctly for the image assets to load.
- JavaScript files such as script.js and external libraries must be correctly linked in your HTML file.

Dependencies:
-------------
- Bootstrap 4.6.0
- Axios
- jQuery 3.6.0
- Font Awesome 6.3.0
- Google Fonts - Material Icons

This README file should be updated as the project evolves to reflect changes in the structure and functionality.