Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
47
Comments
44
P

Rafael Dias

@rafaeldgeoEspírito Santo - Brasil1,080 points

Geographer, geoprocessing specialist, in career transition to the IT area as a web application developer.

I’m currently learning...

React Library and SASS

Latest solutions

  • Officelite coming soon site using Node.JS to create Web Server

    #bem#node#sass/scss

    P
    Rafael Dias•1,080
    Submitted 2 months ago

    would like help with Node.JS.


    0 comments
  • Bento Grid Main using Node.JS to create Web Server

    #bem#node

    P
    Rafael Dias•1,080
    Submitted 4 months ago

    I would like help with Node.JS.


    0 comments
  • Marker pre launch landing page using Next Page Router with React

    #react#next

    P
    Rafael Dias•1,080
    Submitted 4 months ago

    I would like help with next and react.


    0 comments
  • Skilled e-learning landing page using SASS


    P
    Rafael Dias•1,080
    Submitted 5 months ago

    I would like help with SASS.


    1 comment
  • Contact form using React and Next

    #bem#react#next

    P
    Rafael Dias•1,080
    Submitted 6 months ago

    I would like help with React and Next.


    1 comment
  • Tip calculator app using React

    #bem#react

    P
    Rafael Dias•1,080
    Submitted 6 months ago

    I would like help with React


    3 comments
View more solutions

Latest comments

  • verakissyou17•520
    @verakissyou17
    Submitted 18 days ago

    Mortgage calculator

    #react#vite#styled-components
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 16 days ago

    @verakissyou17 hi! Very good your challenge! I liked the mode light-dark. I saw that you put the input as type text. It's possible, don't problem! As suggestion, you would check the state of the element input before shows the value into the input, in React is less work than Javascript Vanilla.

    Marked as helpful
  • P
    Andrey•4,480
    @dar-ju
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Decided to make a more universal approach using API and loading data as if from the backend - from data.json. What does this give? Сan add / remove blocks by editing this file and the layout will not break.

    Wanted to make a skeleton-loading, but there is not much loaded content for this.

    There is more JS code with the construction of an additional DOM, it would be possible to use NPM Redom ...

    News homepage

    #bem#fetch
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 4 months ago

    @dar-ju congratulation for your challenge. It's very good!

  • abizmo•990
    @abizmo
    Submitted about 1 year ago

    Contact form solution with Astro

    #astro#react#tailwind-css#zod
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 4 months ago

    @abizmo Congratulation for your challenge! It's very good!

  • Bamo-D-Abdallah•320
    @Bamo-D-Abdallah
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    The way I organized the partials, although I think I went excessive and over-engineered it.

    What challenges did you encounter, and how did you overcome them?

    The space between each Q/A became a challenge when a question was clicked, it became inconsistent and took me an hour to fix.

    What specific areas of your project would you like help with?

    overall the structure and organization of the project, I feel insecure about the way I named my classes and organized my code.

    Faq accordion solution

    #sass/scss#bem
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 4 months ago

    @Bamo-D-Abdallah congratulation for you challenge! I didn't get to see it. I think there are a problem with link

  • Sebastián Márquez•260
    @donSebamarquez
    Submitted 5 months ago

    Interactive rating component

    #bem
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 5 months ago

    @sebamarques congratulation for your challange! I didn't preview the site. There's some problem.

  • Yanna•250
    @yannancls
    Submitted 8 months ago

    Tip Calculator App using React

    #react
    1
    P
    Rafael Dias•1,080
    @rafaeldgeo
    Posted 5 months ago

    @yannancls Congratulation! Your challenge was fantastic!

View more comments
Frontend Mentor logo

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

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