mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-10-03 17:52:03 +02:00
final draft
This commit is contained in:
@@ -337,4 +337,17 @@ Copy the content from what was instructed from above but feel free to customize
|
|||||||
|
|
||||||
[Solution](./solution/README.md)
|
[Solution](./solution/README.md)
|
||||||
|
|
||||||
|
## Bonus
|
||||||
|
|
||||||
|
Try changing the personality of the AI assistant. When you call `call_llm` in *api.py* you can change the second argument to what you want, for example:
|
||||||
|
|
||||||
|
```python
|
||||||
|
call_llm(message, "You are Captain Picard")
|
||||||
|
```
|
||||||
|
|
||||||
|
Change also the CSS and text to your liking, so do changes in *index.html* and *styles.css*.
|
||||||
|
|
||||||
## Summary
|
## Summary
|
||||||
|
|
||||||
|
Great, you've learned from scratch how to create a personal assistant using AI. We'v done so using GitHub Models, a backend in Python and a frontend in HTML, CSS and JavaScript
|
||||||
|
|
||||||
|
41
09-chat-project/solution/README.md
Normal file
41
09-chat-project/solution/README.md
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
# Run code
|
||||||
|
|
||||||
|
## Set up
|
||||||
|
|
||||||
|
Create virtual environment
|
||||||
|
|
||||||
|
```sh
|
||||||
|
cd backend
|
||||||
|
python -m venv venv
|
||||||
|
source ./venv/bin/activate
|
||||||
|
```
|
||||||
|
|
||||||
|
## Install dependencies
|
||||||
|
|
||||||
|
```sh
|
||||||
|
pip install openai flask flask-cors
|
||||||
|
```
|
||||||
|
|
||||||
|
## Run API
|
||||||
|
|
||||||
|
```sh
|
||||||
|
python api.py
|
||||||
|
```
|
||||||
|
|
||||||
|
## Run frontend
|
||||||
|
|
||||||
|
Make sure you stand in the frontend folder
|
||||||
|
|
||||||
|
Locate *app.js*, change `BASE_URL` to that of your backend URL
|
||||||
|
|
||||||
|
Run it
|
||||||
|
|
||||||
|
```
|
||||||
|
npx http-server -p 8000
|
||||||
|
```
|
||||||
|
|
||||||
|
Try typing a message in the chat, you should see a response (providing you're running this in a Codespace or have set up a access token).
|
||||||
|
|
||||||
|
## Set up access token (if you don't run this in a Codespace)
|
||||||
|
|
||||||
|
See [Set up PAT](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens)
|
Reference in New Issue
Block a user