:octocat:🌟 ᴛʜɪꜱ ɪꜱ ᴀ ᴘʀᴏᴊᴇᴄᴛ ᴍᴀᴅᴇ ʙʏ ᴍᴇ ʙᴀꜱᴇᴅ ᴛᴏ ɴᴏᴅᴇᴊꜱ ᴡʜɪᴄʜ ɪꜱ ᴀ ᴍᴏɴᴏʟɪᴛʜɪᴄ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴ ᴍᴀᴅᴇ ʙʏ ᴍᴇ ᴜꜱɪɴɢ ᴇᴊꜱ 💻 🎯 🚀

Friend Finder - Node and Express Servers Overview In this activity, you'll build a compatibility-based "FriendFinder" application -- basically a dating app. This full-stack site will take in results from your users' surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match. You will use Express to handle routing. Make sure you deploy your app to Heroku so other users can fill it out. Before You Begin Check out this demo version of the site. Use this as a model for how we expect your assignment look and operate. Create a folder called FriendFinder. Inside the folder, organize your directories so it matches the following: FriendFinder - app - data - friends.js - public - home.html - survey.html - routing - apiRoutes.js - htmlRoutes.js - node_modules - package.json - server.js Instructions Your survey should have 10 questions of your choosing. Each answer should be on a scale of 1 to 5 based on how much the user agrees or disagrees with a question. Your server.js file should require the basic npm packages we've used in class: express, body-parser and path. Your htmlRoutes.js file should include two routes: A GET Route to /survey which should display the survey page. A default, catch-all route that leads to home.html which displays the home page. Your apiRoutes.js file should contain two routes: A GET route with the url /api/friends. This will be used to display a JSON of all possible friends. A POST routes /api/friends. This will be used to handle incoming survey results. This route will also be used to handle the compatibility logic. You should save your application's data inside of app/data/friends.js as an array of objects. Each of these objects should roughly follow the format below. { "name":"Ahmed", "photo":"https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/6/005/064/1bd/3435aa3.jpg", "scores":[ 5, 1, 4, 4, 5, 1, 2, 5, 4, 1 ] } Determine the user's most compatible friend using the following as a guide: Convert each user's results into a simple array of numbers (ex: [5, 1, 4, 4, 5, 1, 2, 5, 4, 1]). With that done, compare the difference between current user's scores against those from other users, question by question. Add up the differences to calculate the totalDifference. Example: User 1: [5, 1, 4, 4, 5, 1, 2, 5, 4, 1] User 2: [3, 2, 6, 4, 5, 1, 2, 5, 4, 1] Total Difference: 2 + 1 + 2 = 5 Remember to use the absolute value of the differences. Put another way: no negative solutions! Your app should calculate both 5-3 and 3-5 as 2, and so on. The closest match will be the user with the least amount of difference. Once you've found the current user's most compatible friend, display the result as a modal pop-up. The modal should display both the name and picture of the closest match. Minimum Requirements Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Hosting on Heroku Now that we have a backend to our applications, we use Heroku for hosting. Please note that while Heroku is free, it will request credit card information if you have more than 5 applications at a time or are adding a database. Please see Heroku’s Account Verification Information for more details. One More Thing If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs. Good Luck! Copyright Coding Boot Camp (C) 2016. All Rights Reserved.

Up-and-coming:: bibliomaniacs.js ( so far planning to use CloudFlare as CDN for selectize.js,turn.js, idiomatic.js, nd jsPDF with a Yeoman generator I'm sure to make reading books online easier and enable you to make notes on a sidebar; analytics are taken in this process and the results will appear of Parse, Ink. as to general population worldwide by country, area, etc. as to what is being read the most. This is a javacript framework that you can download as a program from github (COMING SOON) and it will have an icon representing the tooling as you read anything online. All you'd have to do is click on the icon for the tooling to enable and open and the source of text you are reading will go into pdf format with a sidebar and a save button as well as a bookmark this page option, so you can go back to look up words or to refer to the information or to share it later with someone else, or....:<Online library with links to free e-literature (short stories, novels, novellas, and poems) of Classics and many, many great new to present-day authors and true to present-past-few eras authors who have written some of the greatest works ever. Now all-in-one site, research and time has enabled the making of this site for anyone to use to read for free any of the literature of their choosing anytime; that is, on an ever-growing list of awesome books to read(any e-mail suggestions for add-ins are highly recommended--you can start now: e-mail me at amcii777@me.com. Amcii Cullum @mc112014, LLC. There are more features available related and extra, however: a blog you can post with issues or essays about books you've read and would like to critique or how your day went or how you feel, you get the point. It is there for you as a signed up user to do what you please with it. The blog could be a doorway where you propose an interesting issue that perhaps begins a conversational bit for our forum where people can talk about reading, writing, favorite music, this era today and how it is difference from the baby boomers children, religious issues, anything theme-related to talk about and hopefully learn from. This is a learning library to have fun with and use with no library card required and no late fees ;)! It is crucial for the site to grow, so I will continue to look for great literature as it is recommended (though please e-mail me on any topics that are of interest to you concerning this site; i.e. add-on links to free literature on the web, things you'd like to see added or removed from the site and why, topic that you'd like me to bring forth in the forum rather than you having to do it, though you may want to participate later, anything at all. Since Heartbleed and NSA et al maintaining an appearance whereby we feel there is no security in our input on the web, I want this to be a liberal arts explosion of ideas coming forth with taboo-topics and a feeling of freedom to talk(1st amendment right, right?!) I am very excited at the potential for what can be done with an online library where the books are always on the shelf for everyone even at the same time. There is a personal profile you can fill out once you register and sign in as a user agent. I am wondering if I should include check boxes next to authors works with -read, -want-to-read,-currently reading,-highly recommend, -do not recommend to others, with a block to type in reason why, a -like block with rating of 1-5 for you to input and it will be saved to your account profile. There will also be a template for you to keep notes on: words you want to look up from the text you're reading, comments you have on literary devices or metaphors used that you liked and why, extrapolation of obscured realities; that is, your take on what the book is trying to say really, and so on. You could even keep a list of books you recommend others to read on the front HOME Page which will be posted for all to see and maybe later after some analytics of what people are reading most etc. I can put lit that's trending now up on the site. There are planned weekly updates to be made to the site for as long as I can do so requiring that I find new literature to post. MY stack so far is planning to run node.js, twitter bootstrap 3.1.1, html5, css and less.js for styling, glyphicons, perhaps meteor.js, history.js, mocha, reveal.js, ember.js, jQuery, list.js, and kraken.js

<Online library with links to free e-literature (short stories, novels, novellas, and poems) of Classics and many, many great new to present-day authors and true to present-past-few eras authors who have written some of the greatest works ever. Now all-in-one site, research and time has enabled the making of this site for anyone to use to read for free any of the literature of their choosing anytime; that is, on an ever-growing list of awesome books to read(any e-mail suggestions for add-ins are highly recommended--you can start now: e-mail me at amcii777@me.com. Amcii Cullum @mc112014, LLC. There are more features available related and extra, however: a blog you can post with issues or essays about books you've read and would like to critique or how your day went or how you feel, you get the point. It is there for you as a signed up user to do what you please with it. The blog could be a doorway where you propose an interesting issue that perhaps begins a conversational bit for our forum where people can talk about reading, writing, favorite music, this era today and how it is difference from the baby boomers children, religious issues, anything theme-related to talk about and hopefully learn from. This is a learning library to have fun with and use with no library card required and no late fees ;)! It is crucial for the site to grow, so I will continue to look for great literature as it is recommended (though please e-mail me on any topics that are of interest to you concerning this site; i.e. add-on links to free literature on the web, things you'd like to see added or removed from the site and why, topic that you'd like me to bring forth in the forum rather than you having to do it, though you may want to participate later, anything at all. Since Heartbleed and NSA et al maintaining an appearance whereby we feel there is no security in our input on the web, I want this to be a liberal arts explosion of ideas coming forth with taboo-topics and a feeling of freedom to talk(1st amendment right, right?!) I am very excited at the potential for what can be done with an online library where the books are always on the shelf for everyone even at the same time. There is a personal profile you can fill out once you register and sign in as a user agent. I am wondering if I should include check boxes next to authors works with -read, -want-to-read,-currently reading,-highly recommend, -do not recommend to others, with a block to type in reason why, a -like block with rating of 1-5 for you to input and it will be saved to your account profile. There will also be a template for you to keep notes on: words you want to look up from the text you're reading, comments you have on literary devices or metaphors used that you liked and why, extrapolation of obscured realities; that is, your take on what the book is trying to say really, and so on. You could even keep a list of books you recommend others to read on the front HOME Page which will be posted for all to see and maybe later after some analytics of what people are reading most etc. I can put lit that's trending now up on the site. There are planned weekly updates to be made to the site for as long as I can do so requiring that I find new literature to post. MY stack so far is planning to run node.js, twitter bootstrap 3.1.1, html5, css and less.js for styling, glyphicons, perhaps meteor.js, history.js, mocha, reveal.js, ember.js, jQuery, list.js, and kraken.js

C:\Users\USER>mkdir aliabang C:\Users\USER>cd aliabang C:\Users\USER\aliabang>npm Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-install, clean-install-test, completion, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, fund, get, help, help-search, hook, i, init, install, install-ci-test, install-test, it, link, list, ln, login, logout, ls, org, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, version, view, whoami npm <command> -h quick help on <command> npm -l display full usage info npm help <term> search for help on <term> npm help npm involved overview Specify configs in the ini-formatted file: C:\Users\USER\.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.10 C:\Program Files\nodejs\node_modules\npm C:\Users\USER\aliabang>nvm --v 'nvm' is not recognized as an internal or external command, operable program or batch file. C:\Users\USER\aliabang>npm install -g ionic npm WARN deprecated ionic@5.4.16: The Ionic CLI now uses ✨ @ionic/cli ✨ for its package name! 👉 https://twitter.com/ionicframework/status/1223268498362851330 C:\Users\USER\AppData\Roaming\npm\ionic -> C:\Users\USER\AppData\Roaming\npm\node_modules\ionic\bin\ionic + ionic@5.4.16 added 225 packages from 149 contributors in 74.601s C:\Users\USER\aliabang>ionic start aliabang tabs Pick a framework! Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: React √ Preparing directory .\aliabang - done! √ Downloading and extracting tabs starter - done! Installing dependencies may take several minutes. ────────────────────────────────────────────────────────────────────────────── Ionic Advisory, tailored solutions and expert services by Ionic Go to market faster Real-time troubleshooting and guidance Custom training, best practices, code and architecture reviews Customized strategies for every phase of the development lifecycle Learn more: https://ion.link/advisory ────────────────────────────────────────────────────────────────────────────── > npm.cmd i npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated har-validator@5.1.5: this library is no longer supported > core-js@2.6.12 postinstall C:\Users\USER\aliabang\aliabang\node_modules\babel-runtime\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) > core-js@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js-pure@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js-pure > node -e "try{require('./postinstall')}catch(e){}" > ejs@2.7.4 postinstall C:\Users\USER\aliabang\aliabang\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/) npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.3 (node_modules\react-scripts\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\watchpack-chokidar2\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1858 packages from 804 contributors and audited 1876 packages in 167.119s 126 packages are looking for funding run `npm fund` for details found 0 vulnerabilities [INFO] Next Steps: - Go to your newly created project: cd .\aliabang - Run ionic serve within the app directory to see your app - Build features and components: https://ion.link/scaffolding-docs - Run your app on a hardware or virtual device: https://ion.link/running-docs C:\Users\USER\aliabang>cd aliabang C:\Users\USER\aliabang\aliabang>ionic serve > react-scripts.cmd start [react-scripts] i ｢wds｣: Project is running at http://192.168.43.143/ [react-scripts] i ｢wds｣: webpack output is served from [react-scripts] i ｢wds｣: Content not from webpack is served from C:\Users\USER\aliabang\aliabang\public [react-scripts] i ｢wds｣: 404s will fallback to / [react-scripts] Starting the development server... [react-scripts] [react-scripts] You can now view aliabang in the browser. [react-scripts] Local: http://localhost:8100 [react-scripts] On Your Network: http://192.168.43.143:8100 [react-scripts] Note that the development build is not optimized. [react-scripts] To create a production build, use npm run build. [INFO] Development server running! Local: http://localhost:8100 Use Ctrl+C to quit this process [INFO] Browser window opened to http://localhost:8100!

A simple note taker using node.js, express.js and mysql.

This application is developed using NODE.JS and is coded to take, remove, list and read notes.

C:\Users\USER>mkdir aliabang C:\Users\USER>cd aliabang C:\Users\USER\aliabang>npm Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-install, clean-install-test, completion, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, fund, get, help, help-search, hook, i, init, install, install-ci-test, install-test, it, link, list, ln, login, logout, ls, org, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, version, view, whoami npm <command> -h quick help on <command> npm -l display full usage info npm help <term> search for help on <term> npm help npm involved overview Specify configs in the ini-formatted file: C:\Users\USER.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.10 C:\Program Files\nodejs\node_modules\npm C:\Users\USER\aliabang>nvm --v 'nvm' is not recognized as an internal or external command, operable program or batch file. C:\Users\USER\aliabang>npm install -g ionic npm WARN deprecated ionic@5.4.16: The Ionic CLI now uses ✨ @ionic/cli ✨ for its package name! 👉 https://twitter.com/ionicframework/status/1223268498362851330 C:\Users\USER\AppData\Roaming\npm\ionic -> C:\Users\USER\AppData\Roaming\npm\node_modules\ionic\bin\ionic + ionic@5.4.16 added 225 packages from 149 contributors in 74.601s C:\Users\USER\aliabang>ionic start aliabang tabs Pick a framework! Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: React √ Preparing directory .\aliabang - done! √ Downloading and extracting tabs starter - done! Installing dependencies may take several minutes. ────────────────────────────────────────────────────────────────────────────── Ionic Advisory, tailored solutions and expert services by Ionic Go to market faster Real-time troubleshooting and guidance Custom training, best practices, code and architecture reviews Customized strategies for every phase of the development lifecycle Learn more: https://ion.link/advisory ────────────────────────────────────────────────────────────────────────────── > npm.cmd i npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated har-validator@5.1.5: this library is no longer supported > core-js@2.6.12 postinstall C:\Users\USER\aliabang\aliabang\node_modules\babel-runtime\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) > core-js@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js-pure@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js-pure > node -e "try{require('./postinstall')}catch(e){}" > ejs@2.7.4 postinstall C:\Users\USER\aliabang\aliabang\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/) npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.3 (node_modules\react-scripts\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\watchpack-chokidar2\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1858 packages from 804 contributors and audited 1876 packages in 167.119s 126 packages are looking for funding run npm fund for details found 0 vulnerabilities [INFO] Next Steps: - Go to your newly created project: cd .\aliabang - Run ionic serve within the app directory to see your app - Build features and components: https://ion.link/scaffolding-docs - Run your app on a hardware or virtual device: https://ion.link/running-docs C:\Users\USER\aliabang>cd aliabang C:\Users\USER\aliabang\aliabang>ionic serve > react-scripts.cmd start [react-scripts] i ｢wds｣: Project is running at http://192.168.43.143/ [react-scripts] i ｢wds｣: webpack output is served from [react-scripts] i ｢wds｣: Content not from webpack is served from C:\Users\USER\aliabang\aliabang\public [react-scripts] i ｢wds｣: 404s will fallback to / [react-scripts] Starting the development server... [react-scripts] [react-scripts] You can now view aliabang in the browser. [react-scripts] Local: http://localhost:8100 [react-scripts] On Your Network: http://192.168.43.143:8100 [react-scripts] Note that the development build is not optimized. [react-scripts] To create a production build, use npm run build. [INFO] Development server running! Local: http://localhost:8100 Use Ctrl+C to quit this process [INFO] Browser window opened to http://localhost:8100!

# Friend Finder - Node and Express Servers ### Overview In this activity, you'll build a compatibility-based "FriendFinder" application -- basically a dating app. This full-stack site will take in results from your users' surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match. You will use Express to handle routing. Make sure you deploy your app to Heroku so other users can fill it out. ### Before You Begin * Check out [this demo version of the site](https://friend-finder-fsf.herokuapp.com/). Use this as a model for how we expect your assignment look and operate. * Create a folder called `FriendFinder`. Inside the folder, organize your directories so it matches the following: ``` FriendFinder - .gitignore - app - data - friends.js - public - home.html - survey.html - routing - apiRoutes.js - htmlRoutes.js - node_modules - package.json - server.js ``` ### Commits Having an active and healthy commit history on GitHub is important for your future job search. It is also extremely important for making sure your work is saved in your repository. If something breaks, committing often ensures you are able to go back to a working version of your code. * Committing often is a signal to employers that you are actively working on your code and learning. * We use the mantra “commit early and often.” This means that when you write code that works, add it and commit it! * Numerous commits allow you to see how your app is progressing and give you a point to revert to if anything goes wrong. * Be clear and descriptive in your commit messaging. * When writing a commit message, avoid vague messages like "fixed." Be descriptive so that you and anyone else looking at your repository knows what happened with each commit. * We would like you to have well over 200 commits by graduation, so commit early and often! ### Submission on BCS * Please submit both the deployed Heroku link to your homework AND the link to the Github Repository! ### Instructions 1. Your survey should have 10 questions of your choosing. Each answer should be on a scale of 1 to 5 based on how much the user agrees or disagrees with a question. 2. Your `server.js` file should require the basic npm packages we've used in class: `express` and `path`. 3. Your `htmlRoutes.js` file should include two routes: * A GET Route to `/survey` which should display the survey page. * A default, catch-all route that leads to `home.html` which displays the home page. 4. Your `apiRoutes.js` file should contain two routes: * A GET route with the url `/api/friends`. This will be used to display a JSON of all possible friends. * A POST routes `/api/friends`. This will be used to handle incoming survey results. This route will also be used to handle the compatibility logic. 5. You should save your application's data inside of `app/data/friends.js` as an array of objects. Each of these objects should roughly follow the format below. ```json { "name":"Ahmed", "photo":"https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/6/005/064/1bd/3435aa3.jpg", "scores":[ 5, 1, 4, 4, 5, 1, 2, 5, 4, 1 ] } ``` 6. Determine the user's most compatible friend using the following as a guide: * Convert each user's results into a simple array of numbers (ex: `[5, 1, 4, 4, 5, 1, 2, 5, 4, 1]`). * With that done, compare the difference between current user's scores against those from other users, question by question. Add up the differences to calculate the `totalDifference`. * Example: * User 1: `[5, 1, 4, 4, 5, 1, 2, 5, 4, 1]` * User 2: `[3, 2, 6, 4, 5, 1, 2, 5, 4, 1]` * Total Difference: **2 + 1 + 2 =** **_5_** * Remember to use the absolute value of the differences. Put another way: no negative solutions! Your app should calculate both `5-3` and `3-5` as `2`, and so on. * The closest match will be the user with the least amount of difference. 7. Once you've found the current user's most compatible friend, display the result as a modal pop-up. * The modal should display both the name and picture of the closest match. ### Reminder: Submission on BCS * Please submit both the deployed Heroku link to your homework AND the link to the Github Repository! - - - ### Minimum Requirements Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Adding a README.md as well as adding this homework to your portfolio are required as well and more information can be found below. **This assignment must be deployed.** - - - ### Hosting on Heroku Now that we have a backend to our applications, we use Heroku for hosting. Please note that while **Heroku is free**, it will request credit card information if you have more than 5 applications at a time or are adding a database. Please see [Heroku’s Account Verification Information](https://devcenter.heroku.com/articles/account-verification) for more details. See the [Supplemental Heroku Deployment Guide](../../03-Supplemental/HerokuGuide.md) for in-detail deployment instructions. - - - ### Create a README.md Add a `README.md` to your repository describing the project. Here are some resources for creating your `README.md`. Here are some resources to help you along the way: * [About READMEs](https://help.github.com/articles/about-readmes/) * [Mastering Markdown](https://guides.github.com/features/mastering-markdown/) - - - ### Add To Your Portfolio After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. - - - ### **Good Luck!**

This a Note Taker App that runs on node and uses express.js to route all the get, post and delete methods. This app has a Front-End portion that was made using HTML, bootstrap and javascript, that will take notes and displays them.

Friend Finder - Node and Express Servers Overview In this activity, you'll build a compatibility-based "FriendFinder" application -- basically a dating app. This full-stack site will take in results from your users' surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match. You will use Express to handle routing. Make sure you deploy your app to Heroku so other users can fill it out. Before You Begin Check out this demo version of the site. Use this as a model for how we expect your assignment look and operate. Create a folder called FriendFinder. Inside the folder, organize your directories so it matches the following: FriendFinder - app - data - friends.js - public - home.html - survey.html - routing - apiRoutes.js - htmlRoutes.js - node_modules - package.json - server.js Instructions Your survey should have 10 questions of your choosing. Each answer should be on a scale of 1 to 5 based on how much the user agrees or disagrees with a question. Your server.js file should require the basic npm packages we've used in class: express, body-parser and path. Your htmlRoutes.js file should include two routes: A GET Route to /survey which should display the survey page. A default, catch-all route that leads to home.html which displays the home page. Your apiRoutes.js file should contain two routes: A GET route with the url /api/friends. This will be used to display a JSON of all possible friends. A POST routes /api/friends. This will be used to handle incoming survey results. This route will also be used to handle the compatibility logic. You should save your application's data inside of app/data/friends.js as an array of objects. Each of these objects should roughly follow the format below. { "name":"Ahmed", "photo":"https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/6/005/064/1bd/3435aa3.jpg", "scores":[ 5, 1, 4, 4, 5, 1, 2, 5, 4, 1 ] } Determine the user's most compatible friend using the following as a guide: Convert each user's results into a simple array of numbers (ex: [5, 1, 4, 4, 5, 1, 2, 5, 4, 1]). With that done, compare the difference between current user's scores against those from other users, question by question. Add up the differences to calculate the totalDifference. Example: User 1: [5, 1, 4, 4, 5, 1, 2, 5, 4, 1] User 2: [3, 2, 6, 4, 5, 1, 2, 5, 4, 1] Total Difference: 2 + 1 + 2 = 5 Remember to use the absolute value of the differences. Put another way: no negative solutions! Your app should calculate both 5-3 and 3-5 as 2, and so on. The closest match will be the user with the least amount of difference. Once you've found the current user's most compatible friend, display the result as a modal pop-up. The modal should display both the name and picture of the closest match. Minimum Requirements Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Hosting on Heroku Now that we have a backend to our applications, we use Heroku for hosting. Please note that while Heroku is free, it will request credit card information if you have more than 5 applications at a time or are adding a database. Please see Heroku’s Account Verification Information for more details. Create a README.md Add a README.md to your repository describing the project. Here are some resources for creating your README.md. Here are some resources to help you along the way: About READMEs Mastering Markdown Add To Your Portfolio After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. To receive an 'A' on any assignment, you must link to it from your portfolio. One More Thing If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs. Good Luck!

Command line note taker using node.js

A note taker application built using express.js and node.js

Unit 11 Express Homework: Note Taker app for hw11 using Express, Node.js & JavaScript.

this project take notes use node.js ,react, ans sql

this app takes notes , using command lines arguments . this is written in node js . file system is implemented in node js

Full stack web app, lets user take notes. Built using React JS & Node/Express JS , RESTful services & dual databases-Mongo DB & Firebase.

A full-stack web app to manage your personal library, take notes about books, and track your reading progress, using Open Library API integration, PostgreSQL and Node.js.

Example REST/CRUD application for Node.JS Express(24h task). This is my take at using coolest code patterns available in 2019, including typescript, routing-controllers, dependency injection, swagger etc. NOTE: might not reflect current best practices

This application allows user to a take a note and save it into a server so that after refresh the page can still populate the saved notes. User is also able to delete a note by clicking on the delete icon next to the note. When the page is refreshed, they saved note should render and display on the left side of the page. Tool used to build site. 1- Html5 2- CSS 3- Bootstrap 3- JavaScript 4- Font awesome 5 - jQuery 6- Node JS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>SoundManager 2: Flash Block handling examples</title> <meta name="description" content="Demo of SoundManager 2 handling flashblock / &quot;click to flash&quot; blockers gracefully" /> <meta name="keywords" content="javascript sound, javascript audio, DHTML sound, flashblock, flash blocker, handling flashblock, click to flash, click2flash" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <!-- design template, you don't need this --> <link rel="stylesheet" type="text/css" href="../index.css" /> <link rel="stylesheet" type="text/css" href="../debug.css" /> <!-- actual flashblock demo stuff, this is for you --> <link rel="stylesheet" type="text/css" href="flashblock.css" /> <script> function loadScript(sURL, onLoad) { function loadScriptHandler() { var rs = this.readyState; if (rs == 'loaded' || rs == 'complete') { this.onreadystatechange = null; this.onload = null; if (onLoad) { onLoad(); } } } function scriptOnload() { this.onreadystatechange = null; this.onload = null; window.setTimeout(onLoad,20); } var oS = document.createElement('script'); oS.type = 'text/javascript'; if (onLoad) { oS.onreadystatechange = loadScriptHandler; oS.onload = scriptOnload; } oS.src = sURL; document.getElementsByTagName('head')[0].appendChild(oS); } function msg(s) { console.info(s); } window.onload = function() { msg('Window loaded, waiting 1 second...'); setTimeout(function() { msg('Loading soundmanager2.js...'); loadScript('../../script/soundmanager2.js', function() { // SM2 script has loaded window.setTimeout(function() { msg('soundmanager2.js loaded, delaying before setup()...'); }, 500); window.setTimeout(function() { soundManager.setup({ // enable flash block handling useFlashBlock: true, // making sure this demo uses flash, of course... preferFlash: true, // custom demo options, not for your needs debugMode: true, url: '../../swf/' }); var winLoc = window.location.toString(); if (winLoc.match(/flash9/i)) { soundManager.setup({ flashVersion: 9 }); if (winLoc.match(/highperformance/i)) { soundManager.setup({ useHighPerformance: true }); } } else if (winLoc.match(/flash8/i)) { soundManager.setup({ flashVersion: 8 }); } soundManager.ontimeout(function(){ var loaded = soundManager.getMoviePercent(); document.getElementById('sm2-status').innerHTML = 'No response (yet), flash movie '+(loaded?'loaded OK (likely security/error case)':'has not loaded (likely flash-blocked.)')+' Waiting indefinitely ...'; }); soundManager.onready(function(){ var loaded = soundManager.getMoviePercent(); document.getElementById('sm2-status').innerHTML = 'SoundManager load OK'; }); // ensure start-up in case document.readyState and/or DOMContentLoaded are unavailable soundManager.beginDelayedInit(); }, 1000); }); },1000); } </script> </head> <body> <div style="margin:1em;max-width:60em"> <h1><a href="http://www.schillmania.com/projects/soundmanager2/">SoundManager 2</a>: Flashblock / "click to flash" handling demos</h1> <h3>Show SWF inline, wait indefinitely for load (click-to-run or whitelist)</h3> <p class="note">You can run this demo with <a href="#flash8" onclick="window.location.replace(this.href);window.location.reload()">Flash 8</a> (default), <a href="#flash9" onclick="window.location.replace(this.href);window.location.reload()">Flash 9</a> (normal mode) or <a href="#flash9-highperformance" onclick="window.location.replace(this.href);window.location.reload()">Flash 9 + highPerformance mode</a> (higher JS callback frequency).</p> <h4>Where (and when) to show the SWF</h4> <p>To handle potential flash block cases, put <code>&lt;div id="sm2-container"&gt;&lt;/div&gt;</code> in your markup where you'd like the SWF to appear in those cases. If not specified, SM2 will create and append the <code>#sm2-container</code> node to the document when it starts.</p> <p>When <code>soundManager.useFlashBlock</code> is true, SM2 will not apply styles (eg. <code>style.position.left</code>) directly to the flash; rather, it will assign CSS classes and you can handle it as you choose. Take a look at <a href="#flashblock-css">the related CSS</a> file you will also need if you turn this feature on.</p> <h4>Handling failed start-up cases</h4> <p>In the blocked/failed start-up case, <code>#sm2-container</code> will have a class name of <code>swf_timedout</code> applied to it.</p> <p>SM2 will start its init process, and will fire <code>onready()</code>, <code>onload()</code> and <code>onerror()</code> handlers accordingly. Keep in mind that while <code>onerror()</code> may fire at first, it may be preceded by a successful <code>onload()</code> if the user first loads the page and then later unblocks the flash movie.</p> <p>Note that flash blockers may not run when viewing offline (via <code>file://</code>) content, so try viewing this demo online. For FlashBlock (under Firefox), you can also go to <code>about:config</code> using your address bar and change the value of <code>flashblock.blockLocal</code> to test while offline.</p> <h3>Flash Block Example</h3> <p>Here, Flash is appended by SM2 to the <code>#sm2-container</code> DIV and after a failed start attempt (if you have a blocker active), will have a <code>swf_timedout</code> class appended.</p> <p>The SWF uses <code>position:absolute</code> and negative left/top values so as not to affect the normal page layout, but shifts to <code>left:auto;top:auto</code> (effectively left/top:0) in the blocked case, and becomes visible to the user. On a successful unblock, the movie goes back to left/top:-9999em and is hidden from view.</p> <p>SoundManager 2 load status: <b id="sm2-status">Loading...</b></p> <!-- here is where the SWF is shown in the blocked / failed start-up case. --> <div id="sm2-container"> <!-- flash is appended here --> </div> <h3 id="flashblock-css">Flash Block-related CSS</h3> <p>When <code>soundManager.useFlashBlock</code> is enabled, CSS is applied to <code>#sm2-container</code> depending on the progress of SM2's start-up.</p> <p>This page + demos use the rules below, fully-defined and commented in <a href="flashblock.css">flashblock.css</a>. Use it as a base for your own SM2 + flash block implementations.</p> <pre class="block"><code>#sm2-container { <span><span>/* Initial state: position:absolute/off-screen, or left/top:0 */</span></span> } #sm2-container.swf_timedout { <span><span>/* Didn't load before time-out, show to user. Maybe highlight on-screen, red border, etc..? */</span></span> } #sm2-container.swf_unblocked { <span><span>/* Applied if movie loads successfully after an unblock (flash started, so move off-screen etc.) */</span></span> } #sm2-container.swf_loaded { <span><span>/* Applied if movie loads, regardless of whether it was initially blocked */</span></span> } #sm2-container.swf_error { <span><span>/* "Fatal" error case: SWF loaded, but SM2 was unable to start for some reason. (Flash security or other error case.) */</span></span> } #sm2-container.high_performance { <span><span>/* Additional modifier for "high performance" mode should apply position:fixed and left/bottom 0 to stay on-screen at all times (better flash performance) */</span></span> } #sm2-container.flash_debug { <span><span>/* Additional modifier for flash debug output mode should use width/height 100% so you can read debug messages */</span></span> }</code></pre> <h3>Basic Demo</h3> <p>For a more minimal example, see the <a href="basic.html" title="SoundManager 2: Basic Flashblock handling demo">basic flashblock demo</a>.</p> </div>

Full Stack Note Taker web application to write, save and delete notes using express.js, node.js.

note taker using node.js

note taker using node.js

note-taker app using node.js

Note taker app using node express.js

a simple note taker created using node.js

Online note taker using node.js and Express

Note Taker, using Node JS deployed on Heroku

Creating a note taker using Node.js and Express.js