diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4eb7cc6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,50 @@ +# Backend (Python) +be/.env +be/venv/ +be/__pycache__/ +be/*.pyc +be/*.pyo +be/*.pyd +be/.Python +be/env/ +be/pip-log.txt +be/pip-delete-this-directory.txt +be/.pytest_cache/ +be/*.egg-info/ +be/dist/ +be/build/ + +# Frontend +fe/.netlify/ + +# Netlify +.netlify + +# OS generated files +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes +ehthumbs.db +Thumbs.db + +# Logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# IDE +.vscode/ +.idea/ +*.swp +*.swo +*~ + +# Environment variables +.env +.env.local +.env.development.local +.env.test.local +.env.production.local diff --git a/README.md b/README.md index 57ced29..2345af6 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,62 @@ Backend: - Google Fit API - OpenAI API +## 🚀Getting Started + +### Prerequisites +- Python 3.7 or higher +- A modern web browser (Chrome, Firefox, Safari, or Edge) +- OpenAI API key + +### Backend Setup + +1. **Clone the repository** + ```bash + git clone https://github.com/YOUR_USERNAME/VeCook-fork.git + cd VeCook-fork/be + ``` + +2. **Install Python dependencies** + ```bash + pip install -r requirements.txt + ``` + +3. **Set up environment variables** + + Create a `.env` file in the `be/` directory with the following: + ``` + OPENAI_API_KEY=your_openai_api_key_here + ``` + +4. **Run the Flask backend** + ```bash + python app.py + ``` + + The backend server will start on `http://localhost:5000` + +### Frontend Setup + +1. **Navigate to the frontend directory** + ```bash + cd ../fe + ``` + +2. **Open with a local server** + + - **Using VS Code Live Server extension:** + Right-click on `index.html` and select "Open with Live Server" + +3. **Access the application** + + Open your browser and navigate to `http://127.0.0.1:5500/fe/` if using Live Server extension. + +### Usage Tips +- 🎥 Allow camera access for hand gesture controls +- 🤚 Raise your hand to activate AI assistance +- 👉 Point right to go to the next step +- 👈 Point left to go back to the previous step + ## 👥Contributors - [**Michelle Chan (@Chelle007)**](https://github.com/Chelle007) — Backend Web Developer - [**Desmond (@desraymondz)**](https://github.com/desraymondz) — JavaScript and ml5.js Developer diff --git a/be/.gitignore b/be/.gitignore deleted file mode 100644 index 50a19c6..0000000 --- a/be/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -.env -venv \ No newline at end of file diff --git a/fe/.DS_Store b/fe/.DS_Store new file mode 100644 index 0000000..c328838 Binary files /dev/null and b/fe/.DS_Store differ diff --git a/fe/.gitignore b/fe/.gitignore deleted file mode 100644 index e69de29..0000000 diff --git a/fe/aichat.html b/fe/aichat.html deleted file mode 100644 index 21c5ab3..0000000 --- a/fe/aichat.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - Document - - - - - - - - - - - - - - -
- - -
- -
- - Recommend based on Google Fit data - - - Make it vegan! - - - Make it healthier! - -
- - diff --git a/fe/assets/.DS_Store b/fe/assets/.DS_Store new file mode 100644 index 0000000..b648c3a Binary files /dev/null and b/fe/assets/.DS_Store differ diff --git a/fe/assets/favicon_io/android-chrome-192x192.png b/fe/assets/favicon_io/android-chrome-192x192.png new file mode 100644 index 0000000..68532eb Binary files /dev/null and b/fe/assets/favicon_io/android-chrome-192x192.png differ diff --git a/fe/assets/favicon_io/android-chrome-512x512.png b/fe/assets/favicon_io/android-chrome-512x512.png new file mode 100644 index 0000000..1f31ae2 Binary files /dev/null and b/fe/assets/favicon_io/android-chrome-512x512.png differ diff --git a/fe/assets/favicon_io/apple-touch-icon.png b/fe/assets/favicon_io/apple-touch-icon.png new file mode 100644 index 0000000..fbdc862 Binary files /dev/null and b/fe/assets/favicon_io/apple-touch-icon.png differ diff --git a/fe/assets/favicon_io/favicon-16x16.png b/fe/assets/favicon_io/favicon-16x16.png new file mode 100644 index 0000000..bfbb120 Binary files /dev/null and b/fe/assets/favicon_io/favicon-16x16.png differ diff --git a/fe/assets/favicon_io/favicon-32x32.png b/fe/assets/favicon_io/favicon-32x32.png new file mode 100644 index 0000000..bdd0112 Binary files /dev/null and b/fe/assets/favicon_io/favicon-32x32.png differ diff --git a/fe/assets/favicon_io/favicon.ico b/fe/assets/favicon_io/favicon.ico new file mode 100644 index 0000000..2d91cf1 Binary files /dev/null and b/fe/assets/favicon_io/favicon.ico differ diff --git a/fe/assets/favicon_io/site.webmanifest b/fe/assets/favicon_io/site.webmanifest new file mode 100644 index 0000000..45dc8a2 --- /dev/null +++ b/fe/assets/favicon_io/site.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/fe/assets/images/kitchen-copilot-logo.webp b/fe/assets/images/kitchen-copilot-logo.webp new file mode 100644 index 0000000..b7df6d2 Binary files /dev/null and b/fe/assets/images/kitchen-copilot-logo.webp differ diff --git a/fe/styles/mac.jpg b/fe/assets/images/mac.jpg similarity index 100% rename from fe/styles/mac.jpg rename to fe/assets/images/mac.jpg diff --git a/fe/index.html b/fe/index.html index 8af44df..4bf2e53 100644 --- a/fe/index.html +++ b/fe/index.html @@ -5,6 +5,12 @@ Mac N Cheese Recipe + + + + + + @@ -26,7 +32,7 @@ - + - - - - - - -
-
- -
- Video preview -
- - -
-
-

Steps:

-
1
-
-

heat the pay with high heat

-

Listening....

-
-
- - -
- - - -
-
- - \ No newline at end of file diff --git a/fe/styles/chatbox.css b/fe/styles/chatbox.css index 9de377c..ae2d866 100644 --- a/fe/styles/chatbox.css +++ b/fe/styles/chatbox.css @@ -34,14 +34,15 @@ position: absolute; bottom: 80px; right: 0; - width: 320px; - height: 400px; + width: 380px; + height: 500px; background: white; border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); display: none; flex-direction: column; overflow: hidden; + transition: all 0.3s ease; } .chat-box.active { @@ -70,6 +71,26 @@ flex: 1; padding: 20px; overflow-y: auto; + max-height: 350px; +} + +/* Custom scrollbar for chat messages */ +.chat-messages::-webkit-scrollbar { + width: 6px; +} + +.chat-messages::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 3px; +} + +.chat-messages::-webkit-scrollbar-thumb { + background: #888; + border-radius: 3px; +} + +.chat-messages::-webkit-scrollbar-thumb:hover { + background: #555; } .message { diff --git a/fe/styles/logo.png b/fe/styles/logo.png deleted file mode 100644 index 3c97499..0000000 Binary files a/fe/styles/logo.png and /dev/null differ diff --git a/fe/styles/mac-n-cheese.jpg b/fe/styles/mac-n-cheese.jpg deleted file mode 100644 index 846c01d..0000000 Binary files a/fe/styles/mac-n-cheese.jpg and /dev/null differ diff --git a/fe/webcam.html b/fe/webcam.html deleted file mode 100644 index c3dafa6..0000000 --- a/fe/webcam.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - Instructions for Recipe - - - - - - - - - - - - - - - - - - - \ No newline at end of file