diff --git a/backend/package-lock.json b/backend/package-lock.json index d8a7443f..4f8de7bd 100644 --- a/backend/package-lock.json +++ b/backend/package-lock.json @@ -1,11 +1,11 @@ { - "name": "chatbot-backend", + "name": "backend", "version": "0.0.1", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "chatbot-backend", + "name": "backend", "version": "0.0.1", "license": "UNLICENSED", "dependencies": { @@ -16,6 +16,7 @@ "@nestjs/platform-ws": "^10.2.3", "@nestjs/websockets": "^10.2.5", "axios": "^1.5.0", + "caseless": "^0.12.0", "cors": "^2.8.5", "express": "^4.18.2", "firebase-admin": "^12.0.0", @@ -30,6 +31,7 @@ "@nestjs/cli": "^10.0.0", "@nestjs/schematics": "^10.0.0", "@nestjs/testing": "^10.0.0", + "@types/caseless": "^0.12.5", "@types/express": "^4.17.17", "@types/jasmine": "^4.3.6", "@types/jest": "^29.5.2", @@ -2258,7 +2260,7 @@ "version": "0.12.5", "resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.5.tgz", "integrity": "sha512-hWtVTC2q7hc7xZ/RLbxapMvDMgUnDvKvMOpKal4DrMyfGBUfB1oKaZlIRr6mJL+If3bAP6sV/QneGzF6tJjZDg==", - "optional": true + "devOptional": true }, "node_modules/@types/connect": { "version": "3.4.37", @@ -3637,6 +3639,11 @@ } ] }, + "node_modules/caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==" + }, "node_modules/chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", @@ -5315,9 +5322,9 @@ "dev": true }, "node_modules/follow-redirects": { - "version": "1.15.3", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", - "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==", + "version": "1.15.5", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz", + "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==", "funding": [ { "type": "individual", diff --git a/backend/package.json b/backend/package.json index 173909bd..6aef5ad2 100644 --- a/backend/package.json +++ b/backend/package.json @@ -1,5 +1,5 @@ { - "name": "chatbot-backend", + "name": "backend", "version": "0.0.1", "description": "", "author": "", @@ -27,6 +27,7 @@ "@nestjs/platform-ws": "^10.2.3", "@nestjs/websockets": "^10.2.5", "axios": "^1.5.0", + "caseless": "^0.12.0", "cors": "^2.8.5", "express": "^4.18.2", "firebase-admin": "^12.0.0", @@ -41,6 +42,7 @@ "@nestjs/cli": "^10.0.0", "@nestjs/schematics": "^10.0.0", "@nestjs/testing": "^10.0.0", + "@types/caseless": "^0.12.5", "@types/express": "^4.17.17", "@types/jasmine": "^4.3.6", "@types/jest": "^29.5.2", diff --git a/frontend/.firebase/hosting.YnVpbGQ.cache b/frontend/.firebase/hosting.YnVpbGQ.cache index 6c85b857..2ccd4194 100644 --- a/frontend/.firebase/hosting.YnVpbGQ.cache +++ b/frontend/.firebase/hosting.YnVpbGQ.cache @@ -3,12 +3,12 @@ logo192.png,1707622405361,79e2b749561016bc8af300ea19f48347ceed3cb1a54f48ae456172 logo512.png,1707622405632,212b102aa09e51b3b3e06647e81f7801a61333e171f6582e8124379aabccb41d manifest.json,1707622403656,ee04fb47e525c67d8424ffe9b4d8a8a24e434504478afca4e0ca602146836d4c robots.txt,1707622406100,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49 -static/css/main.1e8bb69a.css,1707983385716,d749401a15e8ee5e150a0093a1f9a198dc0dadadde73526f50e0d93661238d8f -asset-manifest.json,1707983385697,8a4321e812c110b991048aeb8c3c1f9ef36da02b688992dc966eafc734ea0084 -index.html,1707983385697,b417d1f5b538b6907aa34bc1a579a41a01a08a569bc540c998e58414bca3cf25 -static/css/main.1e8bb69a.css.map,1707983385716,d71d0045faa91e9d16cdea3ca8e96b713312ae1f7c0ff6804949623e59c3595f -static/js/592.bf6ca574.chunk.js,1707983385716,ceb1a2891fce4a5d9b217bf1069e8cbcb4995bcc5c19135b57ca88faf4888f0d -static/js/592.bf6ca574.chunk.js.map,1707983385716,33c226d34291dd6423a33a5834e0a7b9e93d8c083785e5fe06c9c1cc089d4dd2 -static/js/main.ffc6eb2a.js.LICENSE.txt,1707983385716,0d9df4c0c4d6a70297138fabfcd9c219d225b469455dd98cc647fd0e0765b985 -static/js/main.ffc6eb2a.js,1707983385716,41a17f64bc5ac6b1087359186cce92b3b787edcc4720a5a90b55ae9393603e54 -static/js/main.ffc6eb2a.js.map,1707983385716,93b24724cf8511a2191f6295ceead2bc562297ec2ee89e8ef668506e899e9232 +index.html,1708777678730,4b5df53af3f1de0b583f2f9a96bad5be2be908bf269bdfdf3fadb136bb88d6fb +static/css/main.07a682d1.css,1708777678768,4af5ef12ab0b7131441941464efcfaba53d6bbbf3f4629fa6cb343a92d479b22 +static/css/main.07a682d1.css.map,1708777678750,e453c36efb409214c28e41ac5aeed200bf2895b9ce003ffeac5d690140e61d5a +static/js/592.bf6ca574.chunk.js,1708777678751,ceb1a2891fce4a5d9b217bf1069e8cbcb4995bcc5c19135b57ca88faf4888f0d +static/js/592.bf6ca574.chunk.js.map,1708777678768,33c226d34291dd6423a33a5834e0a7b9e93d8c083785e5fe06c9c1cc089d4dd2 +static/js/main.7db92d07.js.LICENSE.txt,1708777678751,cb277ff5bc4b194700e44480efc2f5958c09d4551502d4dc85c77d39674fe289 +asset-manifest.json,1708777678731,a401745be6b1ae3ebb4aa308849f903ae93664e3bfb4251c0097b59664745f17 +static/js/main.7db92d07.js,1708777678751,db78494e0e4410150121c7fc20e34c2fdbb3316bf6f9c8b4164109fb33e12d43 +static/js/main.7db92d07.js.map,1708777678752,89135905772682d705a492af291af4365a3e0e3463f87044c922a9611b0c76d4 diff --git a/frontend/src/components/Chats/Chats.js b/frontend/src/components/Chats/Chats.js index 55224198..a1a7b3e2 100644 --- a/frontend/src/components/Chats/Chats.js +++ b/frontend/src/components/Chats/Chats.js @@ -39,7 +39,7 @@ function Chats(props) {
-
+

Chatbot

diff --git a/frontend/src/components/Chats/Chats.module.css b/frontend/src/components/Chats/Chats.module.css index e69de29b..77f8acf8 100644 --- a/frontend/src/components/Chats/Chats.module.css +++ b/frontend/src/components/Chats/Chats.module.css @@ -0,0 +1,19 @@ +.body{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + background-color: #f5f5f5; +} + +button{ + background-color: #f5f5f5; + cursor: pointer; + transition: all 0.3s ease; +} + +button:hover{ + background-color: #e0e0e0; +} + diff --git a/frontend/src/components/Home/Home.js b/frontend/src/components/Home/Home.js index fd96a622..72f8f833 100644 --- a/frontend/src/components/Home/Home.js +++ b/frontend/src/components/Home/Home.js @@ -15,27 +15,27 @@ function Home(props) { }); return ( -
-
+
+

Welcome to the Home Page

This is a simple authentication app built using React and Firebase.

-
-

- Get started -

-

- Login -

-

- Signup -

+

+ Get started +

+
+ + + + + +
-

- {props.name ? `Welcome - ${props.name}` : "Please Login"} +

+ Please login or signup to continue

diff --git a/frontend/src/components/Home/Home.module.css b/frontend/src/components/Home/Home.module.css index 15a9019d..87265033 100644 --- a/frontend/src/components/Home/Home.module.css +++ b/frontend/src/components/Home/Home.module.css @@ -1,15 +1,19 @@ /* Home.css */ -/* Styles for the container */ body{ background-color: rgb(255, 255, 255); /* font-family: Arial, sans-serif; */ + font-family: 'Roboto', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; } .container { margin: 0 auto; - padding: 20px; - display: flex; + height: 100vh; + align-items: center; + justify-content: center; } .intro{ @@ -19,43 +23,48 @@ body{ display: flex; flex-direction: column; align-items: center; - border: 1px solid black; } /* Styles for the links */ .right { width: 40%; - height: fit-content; margin: 0 auto; padding: 20px; display: flex; flex-direction: column; align-items: center; - border: 1px solid black; } /* Styles for the buttons */ - .button { + button { + width: 200px; background-color: #007bff; color: #fff; border: none; + font-weight: 600; padding: 10px 20px; border-radius: 5px; cursor: pointer; } - .button:hover { + button:hover { background-color: #0056b3; } - /* Styles for the welcome message */ - .welcome-message { - font-size: 24px; - margin-top: 20px; + .intro h1 { + /* Apply styles using a preprocessor like Sass or Less */ + font-size: 3rem; + font-weight: bold; + margin-bottom: 20px; } - /* Styles for the logout button */ - .logout-button { - margin-top: 20px; + .intro p { + font-size: 1rem; + margin-bottom: 20px; + } + + .right h1 { + font-size: 3rem; + font-weight: bold; + margin-bottom: 20px; } - \ No newline at end of file diff --git a/frontend/src/components/Login/Login.js b/frontend/src/components/Login/Login.js index e7f8f4de..c8ebb90b 100644 --- a/frontend/src/components/Login/Login.js +++ b/frontend/src/components/Login/Login.js @@ -74,7 +74,7 @@ function Login() { Login

- Already have an account?{' '} + If you don'n have an account?{' '} Sign up diff --git a/frontend/src/components/Login/Login.module.css b/frontend/src/components/Login/Login.module.css index aeeed1a6..5929fb4e 100644 --- a/frontend/src/components/Login/Login.module.css +++ b/frontend/src/components/Login/Login.module.css @@ -6,6 +6,7 @@ display: flex; justify-content: center; align-items: center; + background-color: #f7feff; } .heading{ @@ -35,8 +36,9 @@ } .footer .errorMsg { - font-weight: bold; - font-size: 0.875rem; + text-align: end; + font-weight: 500; + font-size: 12px; color: #ff3300; } @@ -59,16 +61,17 @@ } .footer button:hover { - background-color: rgb(3, 84, 57); + background-color: #0056b3; } .footer p { - font-weight: 700; - color: black; + text-align: center; + font-weight: 500; + color: rgb(59, 59, 59); } - .footer p span a { - font-weight: bold; + .footer p span { + font-weight: 700; color: #12aafc; letter-spacing: 1px; font-size: 1rem; diff --git a/frontend/src/components/Signup/Signup.module.css b/frontend/src/components/Signup/Signup.module.css index 6ef9cb0c..89af9ce6 100644 --- a/frontend/src/components/Signup/Signup.module.css +++ b/frontend/src/components/Signup/Signup.module.css @@ -1,8 +1,15 @@ +.body{ + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; + background: #f2f2f2; +} + .container { height: 100%; min-height: 100vh; width: 100%; - background: white; + background: #f7feff; display: flex; justify-content: center; align-items: center; @@ -35,8 +42,9 @@ } .footer .errorMsg{ - font-weight: bold; - font-size: 0.875rem; + text-align: end; + font-weight: 500; + font-size: 12px; color: #ff3300; } .footer button{ @@ -59,12 +67,13 @@ } .footer button:hover{ - background-color: rgb(3, 84, 57); + background-color: rgb(32, 158, 255); } .footer p{ - font-weight: 700; - color: black; + text-align: center; + font-weight: 500; + color: rgb(59, 59, 59); } .footer p span a{ font-weight: bold;