RECENT EMAIL I GOT (sent to jimmyyukka@gmail.com)

Once I log in - Where are my credits?

Issue with my app

Overview

The application is communcating fine with the database via postman however the application has started to develope some issues. I cannot publish posts and I get the following connections errors when I run the packages locally

Package build errors

TDI-MacBook-Air:udemy-MERN bob$ npm run dev

> udemy-mern@1.0.0 dev /Users/bob/Documents/GitHub/training/udemy-MERN
> concurrently "npm run server" "npm run client"

[1]
[1] > udemy-mern@1.0.0 client /Users/bob/Documents/GitHub/training/udemy-MERN
[1] > npm start --prefix client
[1]
[0]
[0] > udemy-mern@1.0.0 server /Users/bob/Documents/GitHub/training/udemy-MERN
[0] > nodemon server
[0]
[1]
[1] > client@0.1.0 start /Users/bob/Documents/GitHub/training/udemy-MERN/client
[1] > react-scripts start
[1]
[0] [nodemon] 1.19.0
[0] [nodemon] to restart at any time, enter `rs`
[0] [nodemon] watching: *.*
[0] [nodemon] starting `node server.js`
[0] events.js:174
[0]       throw er; // Unhandled 'error' event
[0]       ^
[0]
[0] Error: listen EADDRINUSE: address already in use :::5000
[0]     at Server.setupListenHandle [as _listen2] (net.js:1270:14)
[0]     at listenInCluster (net.js:1318:12)
[0]     at Server.listen (net.js:1405:7)
[0]     at Function.listen (/Users/bob/Documents/GitHub/training/udemy-MERN/node_modules/express/lib/application.js:618:24)
[0]     at Object.<anonymous> (/Users/bob/Documents/GitHub/training/udemy-MERN/server.js:22:5)
[0]     at Module._compile (internal/modules/cjs/loader.js:701:30)
[0]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
[0]     at Module.load (internal/modules/cjs/loader.js:600:32)
[0]     at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
[0]     at Function.Module._load (internal/modules/cjs/loader.js:531:3)
[0]     at Function.Module.runMain (internal/modules/cjs/loader.js:754:12)
[0]     at startup (internal/bootstrap/node.js:283:19)
[0]     at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
[0] Emitted 'error' event at:
[0]     at emitErrorNT (net.js:1297:8)
[0]     at process._tickCallback (internal/process/next_tick.js:63:19)
[0]     at Function.Module.runMain (internal/modules/cjs/loader.js:757:11)
[0]     at startup (internal/bootstrap/node.js:283:19)
[0]     at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
[0] [nodemon] app crashed - waiting for file changes before starting...
[1] Starting the development server...
[1]

filter page onload

AIM

Instead of seeing this when I load the page

I would like to see this

the records would be identified  using the new column in the json called "infoshotCreator" with a value of 1.

Also please create a function called  showAllRecords() that will show all distinct links from all users where the infoshotId = 1. I will then use the switch with the label "Show all records" to toggle it on or off initiate it. I would like the array that is used to create the output to include the userName , underId and userUrl. (So I can put thier photo next to the link)

FILES

index-osteo2.html
App-osteo2.js
reference only: osteo2.json

Create dynamic content based on image click

CURRENT PROBLEM

should result in this record

source: https://docs.google.com/spreadsheets/d/1ZaGDMWYJlvRSJl4dgKe9uSTjrFHWmJ-6LiGR-LGQm6s/edit?usp=sharing

 eg 1  record

AIM

There are 4 images on the top of the page. I want the images to come from a URL in the json file and for them to be clickable and display different content depending on the name of the individual.

DETAILS

The 4 images above are the icons that need to be used as buttons to change the content. Each icon represent a different "userId" the userId can be found in osteoMulti.json. I'd also like the icons on the page to be generated by the file (using the URL from the userImage object in the JSON)


Each row in the json file has a relationship to one user. When it is finished there should be the unique users shown above from something like a "select distinct userid from osteoMulti.json". When the image is clicked on the infoshot to filter the link items below.

FILES THAT NEED CHANGING
osteoMulti.json
index-osteo.html

NEW COLUMNS IN JSON USED FOR THIS

userId

userName

userImage

GITHUB
https://github.com/jimmyyukka/Infoshot



demo page (without the above funtionality)
for illustration here

Removing all data from HTML

JOB PURPOSE

I want to remove all hardcoded data from the  HTML file and have that all in the json file. Most of the data is now in JSON but one last element is currently hardcoded into the HTML file. The title of the HTML with "Should I move to Chiang Mai - really - sure???"

in the index.html file there is the following code

<div class ="subject-question">

<p id="question">Should I move to Chiang Mai - really - sure???</p>

</div>

This relates to the following text 

JOB REQUEST

1. Link the infoshot.js file to the new json file changSubject.json 
2. The only difference between the files changSubject.json  and chang.json is one last object with a column ID of 100
3. Please use that last object  to populate the <p id= "question"> in the html file with the data from the "linkName"column the data in the file currently reads " "Now I Have a great new Dynamic question"

NEW OBJECT IS BELOW

RESOURCES

Files now on github here https://github.com/jimmyyukka/Infoshot

FILE DESCRIPTION 

 /data/chang.json                  {Current data file} 
/data/changSubject.json      {Proposed new datafile} 
/index.html                          {main html} 
/infoshot.js                           {javascript file} 
/style.css                               {main stylesheet}

WH

file resolution issue

On my server

public_html/infoshot/infoshots

I am trying to run the file

public_html/infoshot/infoshots/index.html

using the external domain URL
http://infoshot.io/infoshots/index.html

I can't get it to resolve but I can see the file there

setup on sever

FILE SETUP

ROUTE TO PATH ON MY SERVER

http://infoshot.io/infoshots/index.html

The javascript file is called
index.js