Frontend Mentor | Fayaz's profile

pedro yure nogueira da silva•70

@nogyuuu

Submitted over 3 years ago

static job listings using react and css - any tips welcome

#bem#fetch#react

1

Fayaz•380

@fayax555

Posted over 3 years ago

Take a look at CSS modules. It creates local CSS instead of global. With this approach, conventions like BEM become unnecessary.

To use it with React, change the file name to someComponent.module.css. and import it in your files like `import styles from './someComponent.module.css'.

And use it in your classname. <section className={styles.filterbox}>.

If you have any more questions reply to this comment.

Marked as helpful

Raymart Pamplona•16,040

@pikapikamart

Submitted over 3 years ago

Coffeeroaster Multi Page | Next.js , Mobile first

#framer-motion#next#styled-components#typescript

7

Fayaz•380

@fayax555

Posted over 3 years ago

You could prefix with an S instead of Styled. So StyledNavbar will become SNavbar.

Ryan-D-P•160

@Ryan-D-P

Submitted over 3 years ago

Job listings landing page with tag filtering using React.

#react

1

Fayaz•380

@fayax555

Posted over 3 years ago

Filter logic is not correct. When you click frontend tag, you should see all jobs that have frontend tag.

if (filterList.some(tag => filters.includes(tag))) return null; I think if you change some to every, it will work correctly.

Marked as helpful

Karishma Garg•1,010

@karishma-dev

Submitted over 3 years ago

IP Address Tracker

#accessibility

1

Fayaz•380

@fayax555

Posted over 3 years ago

According to challenge requirements, users should be able to search for any domain.

You can do this by changing ipAddress to domain in fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=at_qoJBZrBxMVeTgrJkk7P3vZIbtmb0U&ipAddress=${address}`).

Other than that, this looks great to me.

Marked as helpful