scrimba
AI Apps
Build a chatbot with a fine-tuned model
Data for fine-tuning
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Data for fine-tuning
Expand for more info
index.html
run
preview
console
<!doctype html>
<html>

<head>
<title>We-Wingit Drone Deliveries</title>
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<main>
<section class="chatbot-container">
<div class="chatbot-header">
<img src="images/drone-logo.png" class="logo">
<h1>We-Wingit Drones</h1>
<h2>Delivery Support Chat</h2>
<p class="supportId">ID: W889</p>
</div>
<div class="chatbot-conversation-container" id="chatbot-conversation">
<div class="speech speech-ai">
How can I help you with your We-Wingit drone delivery?
</div>
</div>
<form id="form" class="chatbot-input-container">
<input name="user-input" type="text" id="user-input" required>
<button id="submit-btn" class="submit-btn">
<img
src="images/send-btn-icon.png"
class="send-btn-icon"
>
</button>
</form>
</section>
</main>
<script type="module" src="index.js"></script>
</body>

</html>
Console
/index.html
-2:38