Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
28
Comments
53

Diarrah

@DiarrahCA3,418 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • ReactJS with Node-Sass. (P.S.: Hover social media links)


    Diarrah•3,418
    Submitted over 4 years ago

    2 comments
  • PWA made with React and SCSS - Grizzly, Cowboy, Ninja


    Diarrah•3,418
    Submitted over 4 years ago

    5 comments
  • ReactJS, SCSS, Fully installable PWA


    Diarrah•3,418
    Submitted over 4 years ago

    1 comment
  • ReactJS API Fetch w. lots of customizations!


    Diarrah•3,418
    Submitted almost 5 years ago

    1 comment
  • Multipage ReactJS


    Diarrah•3,418
    Submitted almost 5 years ago

    1 comment
  • Responsive 4 page site with ReactJS


    Diarrah•3,418
    Submitted almost 5 years ago

    1 comment
View more solutions

Latest comments

  • Clément•516
    @Baradel-Clement
    Submitted over 4 years ago

    Github Jobs API | HTML CSS JS (Vanilla)

    1
    Diarrah•3,418
    @Diarrah
    Posted over 4 years ago

    Looks familiar

  • Ahmed Goda•270
    @AhmedXGoda
    Submitted almost 5 years ago

    Countries Details using React and Sass

    4
    Diarrah•3,418
    @Diarrah
    Posted almost 5 years ago

    My man, this project is awesome! I've had it bookmarked for a while and always come back to look at the functionalities.

    I have a question: how is it that all the data still shows up when the PWA is downloaded to my laptop but there is no wi-fi? When I use the PWA with no connection everything is the same. Sometimes I have used PWAs and when they are grabbing info from and API & there is no connection the PWA will just give out a message that says: Sorry, please connect to internet.

    Can you answer this for me if you can? Thanks!

  • Christopher Till•1,070
    @chri55
    Submitted almost 5 years ago

    Photosnap Site using React and SCSS with animations.

    2
    Diarrah•3,418
    @Diarrah
    Posted almost 5 years ago

    Good job! I thought I was fast doing this project but you were super fast lol.

    The 2 things I noticed is that it's a bit verbose with the stories page - I did a simple JSON & it was pretty simple with the pictures like that. Also, when mobile nav is out + you redirect to a page the nav remains out. You can make it go in with a really simple useState.

    Hope this helps :)

    -Diarrah

  • Martin•1,150
    @ringm
    Submitted almost 5 years ago

    Fun with TailwindCSS and LeafletJS!

    2
    Diarrah•3,418
    @Diarrah
    Posted almost 5 years ago

    Good job! When I did this project I tried to take the extra bonus of the map API but I used Google maps & just could not decipher the documentation. You did it amazingly!

  • Aldhair Escobar•165
    @aldhairescobar
    Submitted almost 5 years ago

    Fylo landing page mobile first

    1
    Diarrah•3,418
    @Diarrah
    Posted almost 5 years ago

    Whenever I change to color of my SVG icons I usually just make a whole nother icon. What I do it just copy & paste the code, make another .svg file & copy that code over & then put the correct hex code in place where it says "fill" or "stroke".

    If you want to change it in the CSS itself you have to copy over the whole SVG code over into the HTML itself.

    I can explain more if needed but I hope this helps!

    Marked as helpful
  • P
    sudhanshu_saurav•240
    @sudhanshusaurav
    Submitted almost 5 years ago

    responsive website using HTML, CSS and javascript

    1
    Diarrah•3,418
    @Diarrah
    Posted almost 5 years ago

    You can add a transition by making the answer portion of the FAQ a max-height of 0 and then when you push the button you make it the full height. If you look at my solution to this you will see what I'm talking about. Hope that helps.

View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

Mentor of the Month - 2nd Place

This badge is awarded to the 2nd placed community member on the monthly Wall of Fame.

Fun fact

The computer in this badge is loosely based on the Commodore PET which was one of the earliest home computers launched in 1977. It came with 4 KB of RAM...that's not a typo!

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

Mentor of the Month - 3rd Place

This badge is awarded to the 3rd placed community member on the monthly Wall of Fame.

Fun fact

An abacus is an ancient calculating tool. These days we would typically use a calculator or computer but the abacus is where it all started!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub