FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Abraham Anak Agung

@AbrahamAnakAgung

@rodchsm delete navbar-inverse class and put your backgound color

Ryan

@Ryan-ED

Hi, guys. So I'm working on my Twitch.tv app for the front end course and the Twitch API needs an OAuth token. I don't think it's a good idea to have my OAuth token on full display in my CodePen. Is there any workaround?

I don't want to hardcode that JSON object either. That's just bad practice and it's hacky

Any help would be awesome

Please DM me so that I can find the message easily. I know this chat room gets extremely busy

Sorin Ruse

@sorinr

@rodchsm or you may add this to css:

nav.navbar-inverse{
  background-color: #1c7089;
}

to override the default BS bg color

Johnny

@jtan3

@Ryan-ED there's a workaround https://wind-bow.glitch.me/ step 9 in the instructions

Grimmeu

@Grimmeu

Hello there. I study Frontend Developer couse. Could somone review my first tribute page on codepen?

Sorin Ruse

@sorinr

@Grimmeu for the col-md-xx to work properly in BS you need a parent element with class row. I also recommend you to change the content to english. i'm sure you will find info in English about Alexander Nicolaevich on wikipedia

Grimmeu

@Grimmeu

@sorinr This is my first project so i decided to do it with my native language. I get your point about language. Should i use parent with class 'row' every time i want to use class 'clo-md-xx'?

Sorin Ruse

@sorinr

@Grimmeu yes. bootstrap 3.3.7 is structured that way. a parent div.row is divided in columns by using columns(col-yy-xx)

@Grimmeu read here on bs 3.3.7 grid system

Grimmeu

@Grimmeu

@sorinr Get it. Any other suggestion to improve?

Markus Kiili

@Masd925

@Grimmeu Maybe you could remove the cursing words from the page title. If you look for a developer job later, recruiters google things about you and such things can offend some people.

Sorin Ruse

@sorinr

@Masd925 :+1: I don't know why but i most of the time don't look at the page title. i've noticed it after you pointed it out :)

Sorin Ruse

@sorinr

@Grimmeu i would also make the ul on biography part like <ul class=" col-md-10 col-md-offset-1"> to give more spread width to the text

c-kirkeby

@c-kirkeby

Hi all, I'm working on rewriting my portfolio milestone in React but I want to leave my other milestones as is and link to them in my app. I'm using create-react-app and I've got my other static HTML/CSS/JS files stored in a structure like e.g. src/portfolio/twitch/index.html. Does anybody know the best way to route to them? If I create a normal <a href="./portfolio/twitch/index.html"> then it just redirects me back to my React app. I looked into React Router but it seems to exclusively want to render a component, which my static HTML pages are not. Any advice on this would be much appreciated.

Abraham Anak Agung

@AbrahamAnakAgung

@JheeBz Hi, i never doing that before, but since React is made by component, why don't you link twitch component into your portfolio? you could use react-router Link and your twitch project as a component

Danny McVey

@dannymcvey

@Grimmeu It looks like the example, nice work! Do you think you can make the same exact page WITHOUT bootstrap though? That's one way to test whether you understand HTML and CSS well enough before moving on to JavaScript.

Sorin Ruse

@sorinr

@JheeBz take a look to the react-router

c-kirkeby

@c-kirkeby

I've looked at React Router but it only seems to render React Components. These are static HTML pages.

Sorin Ruse

@sorinr

so what? you can define your static pages as a react component

c-kirkeby

@c-kirkeby

How would you recommend doing that?

Abraham Anak Agung

@AbrahamAnakAgung

your static page is not made with React?

c-kirkeby

@c-kirkeby

They are not. They're my already completed front-end milestones.

Sorin Ruse

@sorinr

i would just write the static html page as a react component and instruct the react-router what component to inject nto my page base on the route match

@JheeBz then a simple <a> tag to href to your static page will go fine

c-kirkeby

@c-kirkeby

So copy and paste the HTML into a React component? That's awfully messy, won't I have to de-render the rest of the page?

I just want to open them in a new tab.

Sorin Ruse

@sorinr

then you may use the <a>

c-kirkeby

@c-kirkeby

Well that's what I've tried to do, but it just renders my React app at the path /portfolio/twitch/index.html.

BERTINI Nickolas

@BERTININickolas

Hey everyone, i've almost finished my jQuery calculator. Can someone explain me why the last three buttons don't align with the others ? I think there is some margin somewhere but i can't find it. https://codepen.io/Ophe/pen/JOWQJW?editors=1111