+
+#### Social Services, Shop/Donations & Footer Section
+
+
+
+#### Geolocalisation Map Section
+
+
+
+## Our Engineer Team!
+
+
+
+## Tech Stack used for this project
+
+### Main Features and Functionalities
+
+- Beautiful and Fully Responsive Design for Desktop & Tablet Minimal Design made with cutting edge tools like Locofy
+- Material UI & Bootstrap Library
+- Google Authentification
+- Special Contact Form, Forms & Login Users Secure Data Collection: Our user data goes to our Backend Database.
+- Clear Navigation & Call To Action for the User
+- Geolocalisation Map Plan Page
+- API to get User infos and Picture in our Frontend Forms to our Backend Database
+- Responsivesness & Accessibility
+- SEO & Metadata
+
+
+
+
+#### FRONTEND
+- HTML5
+- CSS MODULES
+- JAVASCRIPT
+- REACT.JS
+- BOOTSTRAP
+- MATERIAL UI
+- LOCOFY BUILDER
+
+#### BACKEND
+- NODE.JS
+- EXPRESS.JS
+- POSTMAN
+- AXIOS
+- MONGO DB
+- MONGOOSE
+- MONGO ATLAS
+
+#### OTHERS
+- FIGMA
+- ADOBE ILLUSTRATOR
+- LOCOFY.AI PLUGIN
+- GITHUB PROJECTS
+- SLACK
+- VS CODE
+- TRELLO
+- LOOM Video Recording
+
+
+#### DEPENDENCIES
+- FRONTEND: {
+ "@emotion/react": "^11.7.1",
+ "@emotion/styled": "^11.6.0",
+ "@mui/material": "^5.2.5",
+ "@mui/x-date-pickers": "^5.0.0-beta.0",
+ "@testing-library/jest-dom": "^5.16.1",
+ "@testing-library/react": "^12.1.2",
+ "@testing-library/user-event": "^13.5.0",
+ "@types/jest": "^27.0.3",
+ "@types/node": "^16.11.14",
+ "@types/react": "^17.0.37",
+ "@types/react-dom": "^17.0.11",
+ "axios": "^0.27.2",
+ "bootstrap": "^5.2.0",
+ "date-fns": "^2.28.0",
+ "react": "^17.0.2",
+ "react-bootstrap": "^2.5.0",
+ "react-bootstrap-carousel": "^4.1.1",
+ "react-dom": "^17.0.2",
+ "react-file-base64": "^1.0.3",
+ "react-icons": "^4.4.0",
+ "react-router-dom": "^6.2.1",
+ "react-scripts": "5.0.0",
+ "web-vitals": "^2.1.2"
+ }
+
+- BACKEND: {
+ "bcryptjs": "^2.4.3",
+ "body-parse": "^0.1.0",
+ "body-validator": "^1.3.3",
+ "cors": "^2.8.5",
+ "dotenv": "^16.0.1",
+ "express": "^4.18.1",
+ "express-handlebars": "^6.0.6",
+ "express-validator": "^6.14.2",
+ "jsonwebtoken": "^8.5.1",
+ "mongodb": "^4.8.1",
+ "mongoose": "^6.5.2",
+ "nodemailer": "^6.7.8",
+ "nodemon": "^2.0.19"
+ }
+
+#### We also used the Locofy.ai Plugin to design our project and export our code to React.JS with Figma as main tool for our wireframe and design
+
+
+
+ 
+
+Infos here : https://www.locofy.ai/
+
+Thanks to all the Locofy.ai team for the precious help!
+
+
+## Credits
+
+ © The Third Team, 2022. All Rights Reserved. + + Hope2Hand, Berlin, Germany + + For Digital Career Institute DCI Final Project Presentation
+ +## Outlook + +- Deliver a FullStack Responsive App. version for IOS and Androïds mobile phone + +- It is a local application but we could promote it to global use and establish node app. hubs in every cities we can! + +- Make a in house feature Free Map with Geolicalisation API + +## Thanks for your Support! diff --git a/client/package-lock.json b/client/package-lock.json index ef94ebf..a585253 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -20,9 +20,14 @@ "@types/react": "^17.0.37", "@types/react-dom": "^17.0.11", "axios": "^0.27.2", + "bootstrap": "^5.2.0", "date-fns": "^2.28.0", "react": "^17.0.2", + "react-bootstrap": "^2.5.0", + "react-bootstrap-carousel": "^4.1.1", "react-dom": "^17.0.2", + "react-file-base64": "^1.0.3", + "react-icons": "^4.4.0", "react-router-dom": "^6.2.1", "react-scripts": "5.0.0", "web-vitals": "^2.1.2" @@ -3510,6 +3515,48 @@ "url": "https://opencollective.com/popperjs" } }, + "node_modules/@react-aria/ssr": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.3.0.tgz", + "integrity": "sha512-yNqUDuOVZIUGP81R87BJVi/ZUZp/nYOBXbPsRe7oltJOfErQZD+UezMpw4vM2KRz18cURffvmC8tJ6JTeyDtaQ==", + "dependencies": { + "@babel/runtime": "^7.6.2" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0" + } + }, + "node_modules/@restart/hooks": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz", + "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==", + "dependencies": { + "dequal": "^2.0.2" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@restart/ui": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.3.1.tgz", + "integrity": "sha512-MYvMs2eeZTHu2dBJHOXKx72vxzEZeWbZx2z1QjeXq62iYjpjIyukBC2ZEy8x+sb9Gl0AiOiHkPXrl1wn95aOGQ==", + "dependencies": { + "@babel/runtime": "^7.18.3", + "@popperjs/core": "^2.11.5", + "@react-aria/ssr": "^3.2.0", + "@restart/hooks": "^0.4.7", + "@types/warning": "^3.0.0", + "dequal": "^2.0.2", + "dom-helpers": "^5.2.0", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -4356,6 +4403,11 @@ "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz", "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==" }, + "node_modules/@types/warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz", + "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA==" + }, "node_modules/@types/ws": { "version": "8.5.3", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz", @@ -5594,6 +5646,24 @@ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" }, + "node_modules/bootstrap": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.0.tgz", + "integrity": "sha512-qlnS9GL6YZE6Wnef46GxGv1UpGGzAwO0aPL1yOjzDIJpeApeMvqV24iL+pjr2kU4dduoBA9fINKWKgMToobx9A==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.5" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -5849,6 +5919,11 @@ "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz", "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==" }, + "node_modules/classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "node_modules/clean-css": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz", @@ -6152,6 +6227,15 @@ "node": ">=10" } }, + "node_modules/create-react-class": { + "version": "15.7.0", + "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz", + "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==", + "dependencies": { + "loose-envify": "^1.3.1", + "object-assign": "^4.1.1" + } + }, "node_modules/cross-spawn": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", @@ -6700,6 +6784,14 @@ "node": ">= 0.8" } }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "engines": { + "node": ">=6" + } + }, "node_modules/destroy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", @@ -6998,6 +7090,14 @@ "node": ">= 0.8" } }, + "node_modules/encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "dependencies": { + "iconv-lite": "^0.6.2" + } + }, "node_modules/enhanced-resolve": { "version": "5.10.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz", @@ -8075,6 +8175,34 @@ "bser": "2.1.1" } }, + "node_modules/fbjs": { + "version": "0.8.18", + "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.18.tgz", + "integrity": "sha512-EQaWFK+fEPSoibjNy8IxUtaFOMXcWsY0JaVrQoZR9zC8N2Ygf9iDITPWjUTVIax95b6I742JFLqASHfsag/vKA==", + "dependencies": { + "core-js": "^1.0.0", + "isomorphic-fetch": "^2.1.1", + "loose-envify": "^1.0.0", + "object-assign": "^4.1.0", + "promise": "^7.1.1", + "setimmediate": "^1.0.5", + "ua-parser-js": "^0.7.30" + } + }, + "node_modules/fbjs/node_modules/core-js": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", + "integrity": "sha512-ZiPp9pZlgxpWRu0M+YWbm6+aQ84XEfH1JRXvfOc/fILWI0VKhLC2LX13X1NYq4fULzLMq7Hfh43CSo2/aIaUPA==", + "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js." + }, + "node_modules/fbjs/node_modules/promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "dependencies": { + "asap": "~2.0.3" + } + }, "node_modules/file-entry-cache": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", @@ -9178,6 +9306,14 @@ "node": ">= 0.4" } }, + "node_modules/invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/ipaddr.js": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz", @@ -9493,6 +9629,15 @@ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" }, + "node_modules/isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==", + "dependencies": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "node_modules/istanbul-lib-coverage": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz", @@ -12148,6 +12293,23 @@ "tslib": "^2.0.3" } }, + "node_modules/node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "dependencies": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, + "node_modules/node-fetch/node_modules/is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/node-forge": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", @@ -14003,6 +14165,23 @@ "react-is": "^16.13.1" } }, + "node_modules/prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "dependencies": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "peerDependencies": { + "react": ">=0.14.0" + } + }, + "node_modules/prop-types-extra/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, "node_modules/prop-types/node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -14179,6 +14358,44 @@ "node": ">=14" } }, + "node_modules/react-bootstrap": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.5.0.tgz", + "integrity": "sha512-j/aLR+okzbYk61TM3eDOU1NqOqnUdwyVrF+ojoCRUxPdzc2R0xXvqyRsjSoyRoCo7n82Fs/LWjPCin/QJNdwvA==", + "dependencies": { + "@babel/runtime": "^7.17.2", + "@restart/hooks": "^0.4.6", + "@restart/ui": "^1.3.1", + "@types/react-transition-group": "^4.4.4", + "classnames": "^2.3.1", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.2", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "@types/react": ">=16.14.8", + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/react-bootstrap-carousel": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/react-bootstrap-carousel/-/react-bootstrap-carousel-4.1.1.tgz", + "integrity": "sha512-nlkmx33jclOfEi1lAfFRRiDO5F2u4D03dbIhvrFPiUoiKgkMngeSZMFg6gY/sQPAhv3pQqhti5evoVgZMFaV2g==", + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -14303,11 +14520,50 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "node_modules/react-file-base64": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/react-file-base64/-/react-file-base64-1.0.3.tgz", + "integrity": "sha512-itGMFH6IkJUZF2p0YXQnUBqzUHFaMYcs+ssD9e4j1XJGHRibGe8kiLr6y46oAIw1JknX/bJUUogDJOk/o91TMg==", + "dependencies": { + "react": "^15.6.1" + }, + "peerDependencies": { + "react": "^15.0.2" + } + }, + "node_modules/react-file-base64/node_modules/react": { + "version": "15.7.0", + "resolved": "https://registry.npmjs.org/react/-/react-15.7.0.tgz", + "integrity": "sha512-5/MMRYmpmM0sMTHGLossnJCrmXQIiJilD6y3YN3TzAwGFj6zdnMtFv6xmi65PHKRV+pehIHpT7oy67Sr6s9AHA==", + "dependencies": { + "create-react-class": "^15.6.0", + "fbjs": "^0.8.9", + "loose-envify": "^1.1.0", + "object-assign": "^4.1.0", + "prop-types": "^15.5.10" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-icons": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz", + "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, + "node_modules/react-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -15136,6 +15392,11 @@ "node": ">= 0.8.0" } }, + "node_modules/setimmediate": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", + "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==" + }, "node_modules/setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -16066,6 +16327,24 @@ "node": ">=4.2.0" } }, + "node_modules/ua-parser-js": { + "version": "0.7.31", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz", + "integrity": "sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/ua-parser-js" + }, + { + "type": "paypal", + "url": "https://paypal.me/faisalman" + } + ], + "engines": { + "node": "*" + } + }, "node_modules/unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", @@ -16080,6 +16359,20 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "dependencies": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + }, + "peerDependencies": { + "react": ">=15.0.0" + } + }, "node_modules/unicode-canonical-property-names-ecmascript": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", @@ -16291,6 +16584,14 @@ "makeerror": "1.0.12" } }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", @@ -19444,6 +19745,38 @@ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==" }, + "@react-aria/ssr": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.3.0.tgz", + "integrity": "sha512-yNqUDuOVZIUGP81R87BJVi/ZUZp/nYOBXbPsRe7oltJOfErQZD+UezMpw4vM2KRz18cURffvmC8tJ6JTeyDtaQ==", + "requires": { + "@babel/runtime": "^7.6.2" + } + }, + "@restart/hooks": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz", + "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==", + "requires": { + "dequal": "^2.0.2" + } + }, + "@restart/ui": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.3.1.tgz", + "integrity": "sha512-MYvMs2eeZTHu2dBJHOXKx72vxzEZeWbZx2z1QjeXq62iYjpjIyukBC2ZEy8x+sb9Gl0AiOiHkPXrl1wn95aOGQ==", + "requires": { + "@babel/runtime": "^7.18.3", + "@popperjs/core": "^2.11.5", + "@react-aria/ssr": "^3.2.0", + "@restart/hooks": "^0.4.7", + "@types/warning": "^3.0.0", + "dequal": "^2.0.2", + "dom-helpers": "^5.2.0", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + } + }, "@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -20103,6 +20436,11 @@ "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz", "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==" }, + "@types/warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz", + "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA==" + }, "@types/ws": { "version": "8.5.3", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz", @@ -21020,6 +21358,12 @@ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" }, + "bootstrap": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.0.tgz", + "integrity": "sha512-qlnS9GL6YZE6Wnef46GxGv1UpGGzAwO0aPL1yOjzDIJpeApeMvqV24iL+pjr2kU4dduoBA9fINKWKgMToobx9A==", + "requires": {} + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -21197,6 +21541,11 @@ "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz", "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==" }, + "classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "clean-css": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz", @@ -21431,6 +21780,15 @@ "yaml": "^1.10.0" } }, + "create-react-class": { + "version": "15.7.0", + "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz", + "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==", + "requires": { + "loose-envify": "^1.3.1", + "object-assign": "^4.1.1" + } + }, "cross-spawn": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", @@ -21798,6 +22156,11 @@ "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==" }, + "dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==" + }, "destroy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", @@ -22023,6 +22386,14 @@ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==" }, + "encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "requires": { + "iconv-lite": "^0.6.2" + } + }, "enhanced-resolve": { "version": "5.10.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz", @@ -22820,6 +23191,35 @@ "bser": "2.1.1" } }, + "fbjs": { + "version": "0.8.18", + "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.18.tgz", + "integrity": "sha512-EQaWFK+fEPSoibjNy8IxUtaFOMXcWsY0JaVrQoZR9zC8N2Ygf9iDITPWjUTVIax95b6I742JFLqASHfsag/vKA==", + "requires": { + "core-js": "^1.0.0", + "isomorphic-fetch": "^2.1.1", + "loose-envify": "^1.0.0", + "object-assign": "^4.1.0", + "promise": "^7.1.1", + "setimmediate": "^1.0.5", + "ua-parser-js": "^0.7.30" + }, + "dependencies": { + "core-js": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", + "integrity": "sha512-ZiPp9pZlgxpWRu0M+YWbm6+aQ84XEfH1JRXvfOc/fILWI0VKhLC2LX13X1NYq4fULzLMq7Hfh43CSo2/aIaUPA==" + }, + "promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "requires": { + "asap": "~2.0.3" + } + } + } + }, "file-entry-cache": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", @@ -23604,6 +24004,14 @@ "side-channel": "^1.0.4" } }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "ipaddr.js": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz", @@ -23805,6 +24213,15 @@ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" }, + "isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==", + "requires": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "istanbul-lib-coverage": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz", @@ -25751,6 +26168,22 @@ "tslib": "^2.0.3" } }, + "node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "requires": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + }, + "dependencies": { + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==" + } + } + }, "node-forge": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", @@ -26906,6 +27339,22 @@ } } }, + "prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "requires": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "dependencies": { + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + } + } + }, "proxy-addr": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", @@ -27024,6 +27473,31 @@ "whatwg-fetch": "^3.6.2" } }, + "react-bootstrap": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.5.0.tgz", + "integrity": "sha512-j/aLR+okzbYk61TM3eDOU1NqOqnUdwyVrF+ojoCRUxPdzc2R0xXvqyRsjSoyRoCo7n82Fs/LWjPCin/QJNdwvA==", + "requires": { + "@babel/runtime": "^7.17.2", + "@restart/hooks": "^0.4.6", + "@restart/ui": "^1.3.1", + "@types/react-transition-group": "^4.4.4", + "classnames": "^2.3.1", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.2", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + } + }, + "react-bootstrap-carousel": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/react-bootstrap-carousel/-/react-bootstrap-carousel-4.1.1.tgz", + "integrity": "sha512-nlkmx33jclOfEi1lAfFRRiDO5F2u4D03dbIhvrFPiUoiKgkMngeSZMFg6gY/sQPAhv3pQqhti5evoVgZMFaV2g==", + "requires": {} + }, "react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -27120,11 +27594,44 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "react-file-base64": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/react-file-base64/-/react-file-base64-1.0.3.tgz", + "integrity": "sha512-itGMFH6IkJUZF2p0YXQnUBqzUHFaMYcs+ssD9e4j1XJGHRibGe8kiLr6y46oAIw1JknX/bJUUogDJOk/o91TMg==", + "requires": { + "react": "^15.6.1" + }, + "dependencies": { + "react": { + "version": "15.7.0", + "resolved": "https://registry.npmjs.org/react/-/react-15.7.0.tgz", + "integrity": "sha512-5/MMRYmpmM0sMTHGLossnJCrmXQIiJilD6y3YN3TzAwGFj6zdnMtFv6xmi65PHKRV+pehIHpT7oy67Sr6s9AHA==", + "requires": { + "create-react-class": "^15.6.0", + "fbjs": "^0.8.9", + "loose-envify": "^1.1.0", + "object-assign": "^4.1.0", + "prop-types": "^15.5.10" + } + } + } + }, + "react-icons": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz", + "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==", + "requires": {} + }, "react-is": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, + "react-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -27734,6 +28241,11 @@ "send": "0.18.0" } }, + "setimmediate": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", + "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==" + }, "setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -28431,6 +28943,11 @@ "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==", "peer": true }, + "ua-parser-js": { + "version": "0.7.31", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz", + "integrity": "sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==" + }, "unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", @@ -28442,6 +28959,17 @@ "which-boxed-primitive": "^1.0.2" } }, + "uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "requires": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + } + }, "unicode-canonical-property-names-ecmascript": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", @@ -28593,6 +29121,14 @@ "makeerror": "1.0.12" } }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", diff --git a/client/package.json b/client/package.json index eafc6f6..3e41de5 100644 --- a/client/package.json +++ b/client/package.json @@ -15,9 +15,14 @@ "@types/react": "^17.0.37", "@types/react-dom": "^17.0.11", "axios": "^0.27.2", + "bootstrap": "^5.2.0", "date-fns": "^2.28.0", "react": "^17.0.2", + "react-bootstrap": "^2.5.0", + "react-bootstrap-carousel": "^4.1.1", "react-dom": "^17.0.2", + "react-file-base64": "^1.0.3", + "react-icons": "^4.4.0", "react-router-dom": "^6.2.1", "react-scripts": "5.0.0", "web-vitals": "^2.1.2" diff --git a/client/public/QRh2h@2x.png b/client/public/QRh2h@2x.png new file mode 100644 index 0000000..6538dc6 Binary files /dev/null and b/client/public/QRh2h@2x.png differ diff --git a/client/public/carlos@2x.png b/client/public/carlos@2x.png new file mode 100644 index 0000000..8ef8fcb Binary files /dev/null and b/client/public/carlos@2x.png differ diff --git a/client/public/felix@2x.png b/client/public/felix@2x.png new file mode 100644 index 0000000..f156225 Binary files /dev/null and b/client/public/felix@2x.png differ diff --git a/client/public/gerald@2x.png b/client/public/gerald@2x.png new file mode 100644 index 0000000..c9a0d13 Binary files /dev/null and b/client/public/gerald@2x.png differ diff --git a/client/public/paul@2x.png b/client/public/paul@2x.png new file mode 100644 index 0000000..5ffea24 Binary files /dev/null and b/client/public/paul@2x.png differ diff --git a/client/public/wais@2x.png b/client/public/wais@2x.png new file mode 100644 index 0000000..a657bba Binary files /dev/null and b/client/public/wais@2x.png differ diff --git a/client/src/AboutSection.js b/client/src/AboutSection.js index d6342c8..f1f8c2a 100644 --- a/client/src/AboutSection.js +++ b/client/src/AboutSection.js @@ -1,5 +1,5 @@ import { useState, useCallback } from "react"; -import { DonationPostcardPopUp } from "./DonationPostcardPopUp"; +import DonationPostcardPopUp from "./DonationPostcardPopUp"; import { PortalPopup } from "./PortalPopup"; import styles from "./css/AboutSection.module.css"; diff --git a/client/src/AboutTeamSection.js b/client/src/AboutTeamSection.js new file mode 100644 index 0000000..dfd6106 --- /dev/null +++ b/client/src/AboutTeamSection.js @@ -0,0 +1,72 @@ +import styles from "./css/AboutTeamSection.module.css" +import {useRef } from "react"; + +const AboutTeamSection = () => { + const reference = useRef() + return ( +
+ 
+ 
+ 
+ 
+ +
Felix Chirinos
++
Backend Engineer
++
Wais Nazari
++
Project Manager
+Frontend Engineer
+UI/UX Prototyper
++
Paul Desbats
++
Project Manager
+Frontend Engineer
+UI/UX Prototyper
++
Carlos Pereira
++
Backend Engineer
++
Gerald Ehidom
++
Frontend Engineer
++ Visit Our Team Organization at https://github.com/hope2handteam + +
+
+ Center for Migration and Integration
+
+ Address: Stettiner Str. 12, 13357 Berlin
+
+
Contact: +49 306664390
+ website: https://www.awoberlin.de/
+
Integrationsfachdienst IFD Mitte
+
+ Address: Schwiebusser Str. 18, 10965 Berlin
+
+
Contact: +49 304991880
+ website: https://www.ifdmitte.berlin/
+
Beauftragte des Senats von Berlin für Integration und Migration
+
+ Address: Potsdamer Str. 65, 10785 Berlin
+
+
Contact: +49 30901723163
+ website: https://www.integrationsbeauftragte.berlin.de/
+
Gesellschaftliche Integration von Menschen mit Beh GIB e.V.
+
+ Address: Tuchmacherweg 8, 13158 Berlin
+
+
Contact: 03091207560
+ website: https://www.gib-ev.de/
+
Outdoor Free Fitness Parc
+
Address: Viktoriapark, 12163 Berlin
+
Contact: Open 24h/24
Berlin Rent a Bike - Free Tours
+
Address: Rathausstraße 4, 10178 Berlin
+
Contact: +49 1635120124
+ website: https://www.iloveberlintours.com/
Freeletics Fitness Area - Outdoor Calisthenic
+
Address: Monbijoustraße 3B, 10117 Berlin
+
Contact: Open 24h/24
Adidas Open Playground - Outdoor Parc
+
Address: Brandenburgische Str. 51, 10707 Berlin
+
Contact: +49 17631568519
Calisthenics Park Gleisdreieck - Athletic Parc
+
Address: 10963 Berlin
+
website: https://www.calisthenics-parks.co/
+
Contact: Open 24h/24
Bike & Tour Rental
+
+ Address: Poststraße 11, 10178 Berlin
+
+
Contact: 03028704492
+ website: www.fahrradtouren-berlin.com
Free Tours by Foot - Visit Agency
+
+ Address: Berlin
+
+
Contact: +49 1747803618
+ website: https://freetoursbyfoot.com/
BSANDEMANs - Free Walking Tour
+
+ Address: Berlin
+
+
Contact: +49 3051050030
+ website: https://www.neweuropetours.eu/berlin-walking-tours
Original Berlin Tours
+
+ Address: Alexanderpl. 7, 10178 Berlin
+
+
Contact: +49 15783893416
+ website: https://www.originalberlintours.com/
Nulla vitae elit libero, a pharetra augue mollis interdum.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+Your Donation Is Supporting :
-
+ 
- 
- 
- 
+ 
+ 
+ 
+ 
HOPE2HAND
- 
);
};
+
+export default DonationPostcardPopUp;
diff --git a/client/src/DonationShopSection.js b/client/src/DonationShopSection.js
index 77ed1fc..e28c70b 100644
--- a/client/src/DonationShopSection.js
+++ b/client/src/DonationShopSection.js
@@ -2,11 +2,11 @@ import { useCallback } from "react";
import { useNavigate } from "react-router-dom";
import styles from "./css/DonationShopSection.module.css";
-export const DonationShopSection = () => {
+const DonationShopSection = () => {
const navigate = useNavigate();
const onDonationShopSectionContainerClick = useCallback(() => {
- navigate("/donationpage");
+ navigate("/aboutuspage");
}, [navigate]);
return (
@@ -25,47 +25,65 @@ export const DonationShopSection = () => {
+ 
International Shipping
+ 
+ 
+ 
Berlin, DE
- 
+ 
+ 
+ 
Berlin, DE
- 
+ 
+ 
+ 
Neukolln, Berlin, DE
- 
+ 
+ 
- 
- 
- 
- Medizinischer Dienst Berlin-Brandenburg
+Address: Lise-Meitner-Straße 1, 10589 Berlin
+Phone: +49 30 2020231000
+Email: www.md-bb.org
+Zentrale Medizinische Gutachtenstelle
+Address: Turmstraße 21, 10559 Berlin
+Phone: +49 30 2020231000
+Email: www.zentrale-medizinische.de
+Medizinischer Dienst Berlin-Brandenburg
+Address: Schlaatzweg 1, 14473 Potsdam
+Phone: +49 30 2020231000
+Email: www.md-bb.org
+MDK-IT
+Address: Oudenarder Str. 16-20, 13347 Berlin
+Phone: +49 30 2020231000
+Email: www.mdit.de
+Medizinischer Dienst Berlin-Brandenburg
+Address: Lise-Meitner-Straße 1, 10589 Berlin
+Phone: +49 30 2020231000
+Email: www.md-bb.org
+Medibüro Berlin
+Address: 2, Aufgang 3, Gneisenaustraße 2A, 10961 Berlin
+Phone: +49 30 6946746
+Email: www.medibuero.de
+Malteser Medizin für Menschen ohne Krankenversicherung
+Address: Aachener Str. 12, 10713 Berlin
+Phone: +49 30 82722102
+Email: www. ???.de
+Medizin-mobil-Nord Cedric Macia GmbH Kranken-und Seniorenpflege
+Address: Zobelitzstraße 48, 13403 Berlin
+Phone: +49 30 4343023
+Email: www.medizin-mobil-nord.de
+CommitMed GmbH
+Address: Salzufer 11, 10587 Berlin
+Phone: +49 30 863235450
+Email: www.pflegebox.de
+Medizinischer Dienst Berlin-Brandenburg
+Address: Eisenbahnstraße 39-40, 15517 Fürstenwalde/Spree
+Phone: +49 30 2020231000
+Email: www.md-bb.org
+1A - MED e.K.
+Address: Mendelstraße 19, 13187 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+Berliner Tafel e.V.
+Address: Berliner Großmarkt, Beusselstraße 44 N-Q/Gebäude 30a, 10553 Berlin
+Phone: +49 30 7827414
+Email: www.berliner-tafel.de
+Berliner Tafel
+Address: Pillnitzer Weg 8, 13593 Berlin
+Phone: +49 30 7827414
+Email: www.berliner-tafel.de
+Haltbar - Berliner Tafel
+Address: Pestalozzistraße 100, 10625 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+Tafel Deutschland e.V. – Tafeljugend
+Address: Germaniastraße 18, 12099 Berlin
+Phone: +49 30 2005976226
+Email: www.tafel-jugend.de
+Die Tafeln Berlin/ Laib und Seele
+Address: 13059, Grevesmühlener Str, 13059 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+Tafel Deutschland e.V. - Zentrale
+Address: Germaniastraße 18, 12099 Berlin
+Phone: +49 30 20059760
+Email: www.tafel.de
+LAIB und SEELE Ausgabestelle
+Address: Seestraße 35, 13353 Berlin
+Phone: +49 30 91523346
+Email: www.berliner-tafel.de
+Tafel Berlin
+Address: Achillesstraße 53, 13125 Berlin
+Phone: +49 30 94113439
+Email: www.1a-med.de
+Berliner Tafel e.V. Sammelstelle
+Address: Johannisthaler Ch 295, 12351 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+Berliner Tafel
+Address: Gallwitzallee 6, 12249 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+Pusteblume Kinder + Baby Second Hand
+Address: Paul-Robeson-Straße 3, 10439 Berlin
+Phone: +49 30 44715907
+ +SOMETIMES COLORED - Vintage + Second Hand
+Address: Grünberger Str. 87, 10245 Berlin
+Phone: +49 30 37587445
+Email: www.trollby.com
+Trollby children's second-hand
+Address: Eisenacher Str. 78, 10823 Berlin
+Phone: +49 30 91523346
+Email: www.1a-med.de
+HUMANA Secondhand & Vintage
+Address: Alexanderstraße 7, 10178 Berlin
+Phone: +49 30 28476382
+Email: www.humana-second-hand.de
+LILLI & PAUL Second-Hand
+Address: Wegenerstraße 18, 10713 Berlin
+Phone: +49 30 8612202
+Email: lilli-und-paul.de
+Gewandhaus - Secondhandmode in Berlin-Schöneberg
+Address: Pillnitzer Weg 8, 13593 Berlin
+Phone: +49 30 7827414
+Email: www.berliner-tafel.de
+Caritas Second-Hand-Laden Berlin
+Address: Residenzstraße, Eingang, Reginhardstraße 90, 13409 Berlin
+Phone: +49 30 666331222
+Email: www.caritas-berlin.de
+Kilo-Shop
+Address: Schmiljanstraße 19, 12161 Berlin
+Phone: +49 30 85102499
+Email: www.drk-berlin.de
+Bonbon's First & Second Hand Berlin
+Address: Albrechtstr. 110, 12167 Berlin
+Phone: +49 30 79700486
+ +Mode aus zweiter Hand Ankauf und Verkauf von Second Hand Bekleidung
+Address: Wilmersdorfer Str. 68, 10629 Berlin
+Phone: +49 30 32765122
+ +Integrationskurse und Sprachkurse in Berlin - FONS Academy GmbH
+Address: Ansbacher Str. 5, 10787 Berlin
+Phone: +49 30 22438310
+Email: www.fonsakademie.de
+BW Bildungswelt GmbH, Bildungswerk für Beruf und Sprache
+Address: Waetzoldtstraße 5, 12165 Berlin
+Phone: +49 30 84514287
+Email: www.bildungswelt.eu
+IB Sprachschule Integrationskurse
+Address: Kottbusser Str. 17, 10999 Berlin
+Phone: +49 30 91523346
+Email: +49 30 2061310
+Hartnackschule Berlin
+Address: Motzstraße 5, 10777 Berlin
+Phone: +49 30 2102193
+Email: www.hartnackschule-berlin.de
+Europa Spracheninstitut
+Address: Details from Google Maps
+Phone: +49 30 28474499
+Email: www.deutsch-in-berlin.com
+Sprach- und Integrationszentrum
+Address: Braunschweiger Str. 61, 12055 Berlin
+Phone: +49 162 1764177
+Email: www.siz-berlin.de
+Sprachenzentrum Berlinek Dr. Anna Weise e.K.
+Address: Dahlmannstraße 1A, 10629 Berlin
+Phone: +49 30 34787266
+Email: www.berlinek.de
+Sprach- und Integrationsschule e.V.
+Address: Emser Str. 29, 12051 Berlin
+Phone: +49 30 29045800
+Email: www.sis-ev.com
+iQ Integrationskurse Berlin-Pankow
+Address: Breite Str. 8, 13187 Berlin
+Phone: +49 30 31563698
+Email: www.iq-lingua.de
+iQ Integrationskurse Berlin-Tempelhof
+Address: Tempelhofer Damm 226, 12099 Berlin
+Phone: +49 30 31563698
+Email: www.iq-lingua.de
+Soziale Dienste der Justiz
+Address: Salzburger Str. 21, 10825 Berlin
+Phone: +49 30 62980403
+Email: www.berlin.de
+Internationaler Sozialdienst
+Address: Michaelkirchstraße 17, 10179 Berlin
+Phone: +49 30 62980403
+Email: issger.de
+Sozialdienst Katholischer Frauen e.V. Berlin
+Address: Schönhauser Str. 41, 13158 Berlin
+Phone: +49 30 4775320
+Email: www.berlin.de
+Bezirksamt Mitte von Berlin - Amt für Soziales
+Address: Müllerstraße 146, 13353 Berlin
+Phone: +49 30 901820
+Email: www.bildungswelt.eu
+Schwangerschaftsberatung Lydia - Sozialdienst katholischer Frauen e.V. Berlin
+Address: Selchower Str. 11, 12049 Berlin
+Phone: +49 30 2814185
+Email: www.skf-berlin.de
+Sozialdienste der Volkssolidarität Berlin gGmbH
+Address: Scharnweberstraße 23, 10247 Berlin
+Phone: +49 30 84514287
+Email: volkssolidaritaet-berlin.de
+Amt für soziale Dienste Friedrichshain-Kreuzberg Eingliederungshilfe für behinderte Menschen
+Address: Yorckstraße 4-11, 10965 Berlin
+Phone: +49 30 902982370
+Email: www.fonsakademie.de
+Soziale Dienste der Justiz
+Address: Salzburger Str. 21, 10825 Berlin
+Phone: +49 30 62980403
+Email: www.berlin.de
+Internationaler Sozialdienst
+Address: Michaelkirchstraße 17, 10179 Berlin
+Phone: +49 30 62980403
+Email: issger.de
+Sozialdienst Katholischer Frauen e.V. Berlin
+Address: Schönhauser Str. 41, 13158 Berlin
+Phone: +49 30 4775320
+Email: www.berlin.de
+Bezirksamt Mitte von Berlin - Amt für Soziales
+Address: Müllerstraße 146, 13353 Berlin
+Phone: +49 30 901820
+Email: www.bildungswelt.eu
+Schwangerschaftsberatung Lydia - Sozialdienst katholischer Frauen e.V. Berlin
+Address: Selchower Str. 11, 12049 Berlin
+Phone: +49 30 2814185
+Email: www.skf-berlin.de
+Sozialdienste der Volkssolidarität Berlin gGmbH
+Address: Scharnweberstraße 23, 10247 Berlin
+Phone: +49 30 84514287
+Email: volkssolidaritaet-berlin.de
+Amt für soziale Dienste Friedrichshain-Kreuzberg Eingliederungshilfe für behinderte Menschen
+Address: Yorckstraße 4-11, 10965 Berlin
+Phone: +49 30 902982370
+Email: www.fonsakademie.de
+Soziale Dienste der Justiz
+Address: Salzburger Str. 21, 10825 Berlin
+Phone: +49 30 62980403
+Email: www.berlin.de
+Internationaler Sozialdienst
+Address: Michaelkirchstraße 17, 10179 Berlin
+Phone: +49 30 62980403
+Email: issger.de
+Sozialdienst Katholischer Frauen e.V. Berlin
+Address: Schönhauser Str. 41, 13158 Berlin
+Phone: +49 30 4775320
+Email: www.berlin.de
+Bezirksamt Mitte von Berlin - Amt für Soziales
+Address: Müllerstraße 146, 13353 Berlin
+Phone: +49 30 901820
+Email: www.bildungswelt.eu
+Schwangerschaftsberatung Lydia - Sozialdienst katholischer Frauen e.V. Berlin
+Address: Selchower Str. 11, 12049 Berlin
+Phone: +49 30 2814185
+Email: www.skf-berlin.de
+Sozialdienste der Volkssolidarität Berlin gGmbH
+Address: Scharnweberstraße 23, 10247 Berlin
+Phone: +49 30 84514287
+Email: volkssolidaritaet-berlin.de
+Amt für soziale Dienste Friedrichshain-Kreuzberg Eingliederungshilfe für behinderte Menschen
+Address: Yorckstraße 4-11, 10965 Berlin
+Phone: +49 30 902982370
+Email: www.fonsakademie.de
+City: {value.city}
+Address: {value.address}
+Accomodation Type: {value.accomodationType}
+Number of Persons: {value.numberOfPersons}
+Email: {value.contactEmail}
+contact: {value.contactPerson}
+Phone Number: {value.contactNumber}
+From: {value.startDate}
+to: {value.endDate}
+ +Contact Person: {value.contactPerson}
+Phone Number: {value.contactNumber}
+Email: {value.contactEmail}
+Accommodation Type: {value.accomodationType}
+Number of Persons: {value.numberOfPersons}
+Address: {value.address}, {value.city}
+from: {value.startDate}
to: {value.endDate}
+ + +Status: Available
+Cooperation type: {value.helpType}
+Cooperation City: {value.cityHelp}
+Organization: {value.orgHelp}
+Language: {value.TypeOfLanguageHelp}
+contact Person: {value.contactPersonHelp}
+Phone Number: {value.contactNumberHelp}
+Email: {value.contactEmailHelp}
+Valid From: {value.startDateHelp}
+to: {value.endDateHelp}
+Job Title: {value.jobList}
+Language: {value.TypeOfLanguageJob}
+Job Location: {value.cityJob}
+Job Provider: {value.jobProvider}
+Job Type: {value.jobType}
+salary Basis: {value.salaryBasisJob}
+Start Date: {value.startDateJob}
+End Date: {value.endDateJob}
+Contact Person: {value.contactPersonJob}
+Contact Number: {value.contactNumberJob}
+Email: {value.contactEmailJob}
+
I agree with
Terms of use
@@ -145,3 +144,5 @@ export const JobForm = () => { ); }; + +export default JobForm; diff --git a/client/src/LoginSignInPopUp.js b/client/src/LoginSignInPopUp.js index cd01fc2..5fd3dec 100644 --- a/client/src/LoginSignInPopUp.js +++ b/client/src/LoginSignInPopUp.js @@ -2,26 +2,67 @@ import { useState, useCallback } from "react"; import { LoginSignUpPopUp } from "./LoginSignUpPopUp"; import { PortalPopup } from "./PortalPopup"; import styles from "./css/LoginSignInPopUp.module.css"; +import {useNavigate } from "react-router-dom"; +import axios from "axios"; export const LoginSignInPopUp = ({ onClose }) => { const [isSignUpPopUpOpen, setSignUpPopUpOpen] = useState(false); - const [isSignInPopUpOpen, setSignInPopUpOpen] = useState(false); + const [password, setPassword] = useState(""); + const [email, setEmail] = useState(""); + const [message, setMessage] = useState(false); - const openSignInPopUp = useCallback(() => { - setSignInPopUpOpen(true); + const openSignUpPopUp = useCallback(() => { + setSignUpPopUpOpen(true); }, []); const closeSignUpPopUp = useCallback(() => { setSignUpPopUpOpen(false); }, []); + + const navigate = useNavigate(); + const postRequestLogin = async () => { + const API = axios.create({ baseURL: "https://hopetohands-wais.herokuapp.com" }); + + + API.interceptors.request.use((req) => { + if (localStorage.getItem("profile")) { + req.headers.Authorization = `Bearer ${ + JSON.parse(localStorage.getItem("profile")).res.tokenId + }`; + + } + return req; + }); + + + const data = {email, password}; + const response = await API.post("/login", + data); + + const token = response.data.token + console.log("login",response.data.result.userName); + const userName = response.data.result.userName + localStorage.setItem("profile", JSON.stringify({ userName,token })); + + setMessage(true); + + setEmail(""); + setPassword(""); + onClose(); + navigate("/volunteerformspage"); + } + + + + return ( <>{`Don’t have account? `}
-Username
- +Password
- + setPassword(e.target.value)} className={styles.frameInput} type="password" />OR
Username
setUserName(e.target.value)} + value={userName} className={styles.rectangleInput} type="text" autoFocus /> +Password
+ setPassword(e.target.value)} + value={password} + className={styles.rectangleInput} + type="password" + + /> +Confirm Password
+ setConfirmPassword(e.target.value)} + value={confirm_password} + className={styles.rectangleInput} + type="password" + + /> +OR
- -
+ 
HOPE2HAND
-
+ HOPE2HAND
+ 
+ 
Berlin, DE
+
+ 
+ 
Berlin, DE
+ 
+ 