Skip to content
OverviewSolutions
19
Comments
14
P

Radu Petre Tarean

@2XG-DEVCluj Napoca , Cluj , Romania560 points

Professional software engineer with experience working in enterprise and fast growing startups building complex systems and developer tools. Experience in lead frontend positions, leading the development of a loyalty React Native app with thousands of daily users and AI based products from scratch.

I’m currently learning...

Using Frontendmentor as a fun tool to keep in contact with frontend development while working full time in deeply technical roles. Just having fun building out these challenges

Latest solutions

View more solutions

Latest comments

  • P
    Radu Petre Tarean•560
    @2XG-DEV

    Interesting solution!

    Nice thought using different html files for the different pages.

    Pages are responsive and it seems to work.

    You do seem to have an issue when reaching the end of the quiz and pressing the play again button. It seems to lead to home at / but I think it should actually lead to /quiz or something similar

    Overall good job!

  • P
    Matt Pahuta•650
    @MattPahuta
    What are you most proud of, and what would you do differently next time?

    Overall, I'm pleased with the look and feel of my solution. I decided to keep to a straightforward approach with much of the JavaScript, hopefully resulting in something that's fairly easy to understand.

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

    Styling the form, particularly the range slide, was a challenge. A lot of trial and error mixed with taking inspiration by others (as noted in the project README) helped get me over the finish line.

    Responsive Password Generator using vanilla JavaScript

    1
    P
    Radu Petre Tarean•560
    @2XG-DEV

    Very nice solution, style is very nice and you have paid a lot of attention to detail. Functionality wise, the code is clean, altough it does not guarantee that all of the selected users inputs are present in the password

    Marked as helpful
  • jonathanudeh•340
    @jonathanudeh
    What are you most proud of, and what would you do differently next time?

    For some weird reason the javascript parts of these projects comes easy, even easier than the css.

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

    The challenges i encountered where the layout which took me extra ours than i had planned and the cases in my javascript calculaion where the calculations where reading 'infinity' or NaN both i fixed all that. T

    Responsive tip calculator app

    1
    P
    Radu Petre Tarean•560
    @2XG-DEV

    Really nice job!

    In my solution i just focused on the validations a lot and that made sure that i did not have to handle those cases where the results would be weird values because the user cannot input invalid numbers such negative ones or zero.

    I see your solution does not do validations at all and still outputs infinity and such, should add those form validations in.

    You can checkout mine for help, overall very nice solution, styling is very good, did not know you could nest classes like that.

    Marked as helpful
  • P
    Radu Petre Tarean•560
    @2XG-DEV

    Very good job! Looks perfect and works! Javascript is a little bit messy but you did use an interesting strategy to build the UI at runtime. When I was doing it, I was afraid that would not show up in the preview thing but it works really well for you.

  • P
    Radu Petre Tarean•560
    @2XG-DEV

    Your solution seems a bit incomplete but nice job!

    You should try to follow the design closer and use the button:hover attributes to add that nice hover effect with the gradient and colored box shadow in.

    You can try to use javascript to get the form and not show the default browser overlay and show your own error like this

    
const form = document.getElementById("emailForm");
const emailInput = document.getElementById("email");
const errorMessage = document.getElementById("emailError");

form.addEventListener("submit", (event) => {
  event.preventDefault();

  if (!emailInput.validity.valid) {
    emailInput.classList.add("invalid");
    errorMessage.style.display = "block";
  } else {
    emailInput.classList.remove("invalid");
    errorMessage.style.display = "none";
    // Proceed with form submission or further logic
    console.log("Form submitted successfully.");
    isSuccess = true;
    email = emailInput.value;
    updateUI();
  }
});
  • P
    Radu Petre Tarean•560
    @2XG-DEV

    Nice attempt!

    But you do not seem to be using the colors from the design, next time try to use a color picker from photoshop or from a chrome extension like colorzilla to get the actual colors from the design. The colors are also available in the style guide.

    Also try to use better tools to measure how large they should be and try to use max-width instead of fixed widths

    Marked as helpful
View more comments