FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

prashantdabral

@prashantdabral

canone tell if it is correct or not https://codepen.io/prashantdab/pen/PoYXPZp?editors=1100

Corey Lewis

@cursiv3

@prashantdabral on the front end "correct" is in the eye of the ui/ux designers haha that page does what you built it to do so I'd say it is correct, next maybe dig into design and layout a bit (but those are more art-related areas)

siliconchild

@siliconchild

Can I get some help with my react code

Brad

@bradtaniguchi

@siliconchild Ask your quesion and someone will help you if they can

siliconchild

@siliconchild

could you tell me if there is something wrong with this selector, I get weird bugs after writing this selector


export const selectShopOverviewCollections = createSelector(
    [selectShopCollections],
    collections => Object.keys(collections)
                  .map(key=>collections[key])
                  .map(collection => ({...collection,items: collection.items.splice(0,4)})) 
)

siliconchild

@siliconchild

update: using Array.slice instead of Array.splice seems to fix the issue

Brad

@bradtaniguchi

Is this ngrx?

or redux?

and yes, slice is non mutating, splice is mutating

siliconchild

@siliconchild

redux with reslect library

Kaz Baig

@kbaig

react code

hue

alpox

@alpox

siliconchild

@siliconchild

can someone guide me on how to nest routes inside a page in react

i have this codesandbox https://codesandbox.io/embed/github/siliconchild/react-ecom/tree/master/

i have done my routing inside index.js

is it possible to nest some routing inside the /shop page

Kaz Baig

@kbaig

@siliconchild the way in react-router 4 was to have it the way you do:

<Route exact path='/shop' component={CollectionsOverview} />
<Route path='/shop/:collectionId' component={CollectionPage} />
<Route exact path='/shop/some/other/route' component={Component} />

I think that's changed in react-router 5 though

siliconchild

@siliconchild

so you write all your routes in index.js?

i saw a tutorial where they did it inside the /shop page, so i was confused

Kaz Baig

@kbaig

ah no I don't think it changed

so you'd do it like above

siliconchild

@siliconchild

@kbaig alright thanks man

Kaz Baig

@kbaig

Liam Wears

@lwears

looking for some feedback on my code if anyone has time

https://lwears.github.io/pwd-app/

Brad

@bradtaniguchi

@lwears Quick feedback on the app itself

I'd update the description "How alphanumeric would you like the passphrase?
" to something like "How many alphanumeric characters would you like in the passphrase?"

I'd also format your code and clean up all the extra comments aswell :)

Liam Wears

@lwears

@bradtaniguchi https://lwears.github.io/pwd-app/

Improved some bits, any more feedback is welcome :-)

BuoRotti

@BuoRotti

Hello any one, would you kindly assist me wit this links to find out whether on your browser can be open/ if you put in on mock-up website it can be visible? Many thank before hand:
< img url("https://github.com/BuoRotti/tribute-image-/blob/master/Harry_Nilson.jpeg?raw=true");/>.

Shvetal

@verv0eren

hello guys! When we use percentage for say width in @media query. That percentage is with respect to what?
with respect to parent element as before or with respect to original size (before applying media query)?

Johnny

@JohnnyBizzel

@verv0eren 100% width of the viewport. I think so anyway.

Shvetal

@verv0eren

@JohnnyBizzel I meant within @media like this.

@media screen and ( ) {  {¶ width: 50%

Sorry ignore that I am typing from mobile app in which I don't how to break the line

Shvetal

@verv0eren

But i got the solution it remains same as before. width: 50% here percentage is repsect to parent elements width.

intoverq

@selimerunkut

Hello, could someone point me to the right direction why my grid system is overlapping in this modal dialog:
https://jsfiddle.net/intoverq/1gmb3kf0/54/

intoverq

@selimerunkut

somehow adding bootstrap.min.css to to vue.js transition modal the modal does not show up anymore, would appreciate if someone point me to the error : https://codepen.io/intoverq/pen/WNNOaZN

Cliff Galas

@Sn0wm8n

How do I upload my completed challenge to github It's been 4 years or more since I was last doing the challenges

Does it have to get approved and then it is uploaded

by freecodecamp.com ?

Cliff Galas

@Sn0wm8n

Anyone there?

Tom

@moT01

@Sn0wm8n a challenge or project?

If it's just one of the challenges, you would probably have to download it from the challenge page first

then upload it to one of your github repos

Cliff Galas

@Sn0wm8n

project

Tom

@moT01

easiest way if you don't have git installed or know how to use it - would be to just go to your github profile - create a new repo and go to it - click the upload files button - and just drag and drop

Cliff Galas

@Sn0wm8n

Tom what if those projects are in codepen

Tom

@moT01

Not sure if there's a way to export code from codepen - it doesn't look like it

Where communities thrive

People

Repo info

Activity