chatBOT/readme.html at main · visionthex/chatBOT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="./img/chatbot-logo.ico" type="image/x-icon">
  <link rel="stylesheet" href="./styles/readme.css">
  <link rel="stylesheet" href="./styles/main.css">
  <script defer src="./scripts/main.js"></script>
  <title>chatBOT README</title>
</head>
<body>
  <nav class="navbar">
    <button type="button" class="nav-button" onclick="window.location.href='./index.html'">Home</button>
    <button type="button" class="nav-button" onclick="window.location.href='./chatbox.html'">Chatbox</button>
    <button type="button" class="nav-button" onclick="window.location.href='./readme.html'">Readme</button>
    <button type="button" class="nav-button" onclick="window.location.href='./aboutme.html'">About Me</button>
  </nav>
  <div class="content">
    <div class="box">
    <pre>
    @@@@@@@  @@@  @@@   @@@@@@   @@@@@@@     @@@@@@@    @@@@@@   @@@@@@@
    @@@@@@@@  @@@  @@@  @@@@@@@@  @@@@@@@     @@@@@@@@  @@@@@@@@  @@@@@@@
    !@@       @@!  @@@  @@!  @@@    @@!       @@!  @@@  @@!  @@@    @@!
    !@!       !@!  @!@  !@!  @!@    !@!       !@   @!@  !@!  @!@    !@!
    !@!       @!@!@!@!  @!@!@!@!    @!!       @!@!@!@   @!@  !@!    @!!
    !!!       !!!@!!!!  !!!@!!!!    !!!       !!!@!!!!  !@!  !!!    !!!
    :!!       !!:  !!!  !!:  !!!    !!:       !!:  !!!  !!:  !!!    !!:
    :!:       :!:  !:!  :!:  !:!    :!:       :!:  !:!  :!:  !:!    :!:
     ::: :::  ::   :::  ::   :::     ::        :: ::::  ::::: ::     ::
     :: :: :   :   : :   :   : :     :        :: : ::    : :  :      :
    </pre>
    <h1>SDI Blended Project 1 Scaffold</h1>
    <h2>Chatbot Application</h2>
    <p>This is a chatbot application that uses Google's Generative AI to interact with users.</p>
    <h2>Installation</h2>
    <ol>
        <li>Clone the repository</li>
        <li>Run <code>npm install</code> to install dependencies</li>
        <li>Run <code>npm install @google/generative-ai</code> to install dependencies</li>
        <li>Run <code>npm dotenv</code> to install secret dependencies</li>
        <li>Create a <code>.env</code> file in the root directory and add your API key:</li>
        <li>Create a <code>.gitignore</code> file in the root directory and add your <code>.env</code></li>
    </ol>
    <p>What to put inside .env file</p>
    <pre>
    API_KEY=your_api_key_here
    </pre>
    <h2>Usage</h2>
    <p>Start the application by running node chatbot.js in your terminal. You will be presented with a menu:</p>
    <ol>
        <li>README.md</li>
        <li>About me</li>
        <li>Chat with Bot</li>
        <li>Display prior conversations</li>
        <li>Exit</li>
    </ol>
    <p>Select an option by entering the corresponding number.</p>
    <h2>License</h2>
    <p>This project is licensed under the MIT License.</p>
    <h2>Contact</h2>
    <p>If you have any questions, feel free to reach out.</p>
    <h2>Built with Gemini</h2>
    <a href="https://ai.google.dev/"><img src="https://img.shields.io/badge/google-4285F4?style=for-the-badge&logo=google&logoColor=white" alt="Google"></a>
    <h2>All powered by:</h2>
    <img src="https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white" alt="NodeJS">
    <img src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" alt="JavaScript">
    </div>
  </div>
</body>
</html>