uidotdev / react-course-curriculum Goto Github PK

To achieve the intended appearance, as shown in the images in the README, .form-control in index.css in the step2 branch should say "display: inline-block" not "display: block".

Not sure if this was an intentional thing for students to debug or if it was just a typo, but I thought it was worth it to let you know.

I think OpenWeatherMap changed something about their API. If you enter a city and a state, the app doesn't work. If you only enter a city name, though, the app still functions.

They are referencing a url that doesn't exist anymore.

In reference program : http://www.reactjsprogram.com/React-Fundamentals-Project , when we search for a location we can see weather icon images whose url is pointing to

1. app/images/weather-icons/10d.svg
2. app/images/weather-icons/13d.svg
   etc

We don't see these images in apps/images/ folder, there is no weather-icons folder in the master branch, Please add it.

Thanks

Cloned the repo and switched to branch "step1".
On executing command "npm run start".. I

Operating System: Windows 11,
Node version: 4.3.1

Anyone have any tips for where to host this? I am trying on firebase, but running into a CORS error since firebase is https and the open weather api is http. Is there a way to get that working on firebase? Or are my other options finding a different weather api (would rather not after all that work!) or a different hosting environment?

I was in the middle of working on the weather app project, but suddenly the project changed,
Please where can I find the guidance for the weather project?

Click Get Weather (without entering text). Then a "Loading" text will appear, and will remain forever if no action is performed.

It would be a really nice thing if the weather assets were included with the branch that people are intended to fork, as this is the branch that is supposed to contain everything you need to get started.

I realize this item is similar to another closed issue, but it might be worth doing. It'd be really easy.

Hello. You included the PropTypes package in the Comments component, but you never used it. While it doesn't technically do any harm here, I know some linters would find fault with using a package or variable that is never used, and I think it would cause Webpack to load an unnecessary package.

Hi Mate,
I cannot play around with the final project link: https://artist-submarine-48713.netlify.com/ . i keep getting the "Loading" and the below error in the console:

I'm going through the React Fundamentals course on tylermcginnis.com and it involves building 'Github Battle'. This is for a weather app. The readme says this should match the React Fundamentals course.

Comment on main todo issue.

The completed app (step10 branch) works on the dev server, however the images do not load when deployed to firebase. Both (i) the background pattern for Home and (ii) the weather icons are missing.

(i) Solution I found for background pattern:
Move the reference to the image into the index.css file as
background-image: url('./images/pattern.svg');
and use file-loader for webpack:
{ test: /\.svg$/, use: 'file-loader' }

(ii) However I'm not sure what to do about the weather icons.

Hi. When i host my Weather website into Firebase it gives me an error of Mixed Content:

index_bundle.js:20 Mixed Content: The page at 'https://getweather-de388.firebaseapp.com/forecast?city=Porto' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/forecast/daily?q=Porto&type=accurate&APPID=APIKEY&cnt=5'. This request has been blocked; the content must be served over HTTPS.

I searched for a solution, tried to change the the fetch link to https:// instead of http://, but the link gets invalid. Any solutions?

Error on npm run firebase-init

------ Returns --------

Error: Must select at least one feature. Use SPACEBAR to select features, or provide a feature with firebase init [feature_name]
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] firebase-init: `firebase login && firebase init`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] firebase-init script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/qiangzhonghua/.npm/_logs/2018-12-28T09_24_55_310Z-debug.log

----- log ------

0 info it worked if it ends with ok
1 verbose cli [ '/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/bin/node',
1 verbose cli   '/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/bin/npm',
1 verbose cli   'run',
1 verbose cli   'firebase-init' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prefirebase-init', 'firebase-init', 'postfirebase-init' ]
5 info lifecycle [email protected]~prefirebase-init: [email protected]
6 info lifecycle [email protected]~firebase-init: [email protected]
7 verbose lifecycle [email protected]~firebase-init: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~firebase-init: PATH: /Users/qiangzhonghua/.nvm/versions/node/v10.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/qiangzhonghua/All/Projects/TylerMcGinnis/React_Fundamentals/github-battle/node_modules/.bin:/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/bin:/Users/qiangzhonghua/anaconda/bin:/Users/qiangzhonghua/.rvm/gems/ruby-2.1.2/bin:/Users/qiangzhonghua/.rvm/gems/ruby-2.1.2@global/bin:/Users/qiangzhonghua/.rvm/rubies/ruby-2.1.2/bin:/Users/qiangzhonghua/all/apps/redis-3.2.6/src:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/share/dotnet:/opt/X11/bin:~/.dotnet/tools:/Library/Frameworks/Mono.framework/Versions/Current/Commands:/Users/qiangzhonghua/.rvm/bin:/Users/qiangzhonghua/.rvm/bin
9 verbose lifecycle [email protected]~firebase-init: CWD: /Users/qiangzhonghua/All/Projects/TylerMcGinnis/React_Fundamentals/github-battle
10 silly lifecycle [email protected]~firebase-init: Args: [ '-c', 'firebase login && firebase init' ]
11 silly lifecycle [email protected]~firebase-init: Returned: code: 1  signal: null
12 info lifecycle [email protected]~firebase-init: Failed to exec firebase-init script
13 verbose stack Error: [email protected] firebase-init: `firebase login && firebase init`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:301:16)
13 verbose stack     at EventEmitter.emit (events.js:182:13)
13 verbose stack     at ChildProcess.<anonymous> (/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:182:13)
13 verbose stack     at maybeClose (internal/child_process.js:962:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
14 verbose pkgid [email protected]
15 verbose cwd /Users/qiangzhonghua/All/Projects/TylerMcGinnis/React_Fundamentals/github-battle
16 verbose Darwin 18.2.0
17 verbose argv "/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/bin/node" "/Users/qiangzhonghua/.nvm/versions/node/v10.15.0/bin/npm" "run" "firebase-init"
18 verbose node v10.15.0
19 verbose npm  v6.4.1
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] firebase-init: `firebase login && firebase init`
22 error Exit status 1
23 error Failed at the [email protected] firebase-init script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

Please Help! I've googled for hours, please Help!

Sign up for a free OWM subscription.

The API endpoint for daily weather forcast data:
http://api.openweathermap.org/data/2.5/forecast/daily?type=accurate&cnt=5&q=CITY-NAME&APPID=YOUR-API-KEY

Returns response {"cod":401, "message": "Invalid API key. Please see http://openweathermap.org/faq#error401 for more info."}

This is because the daily endpoint is now a paid feature: