Skip to content
OverviewSolutions
10
Comments
4

davistar21

@davistar21180 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

View more solutions

Latest comments

  • P
    Lo-Deck•3,740
    @Lo-Deck
    What are you most proud of, and what would you do differently next time?

    Hi here is my solution for In-browser-markdown-editor. I used HTML, CSS, JS.

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

    It was to turn the markdown into text

    
lines = lines.map( line => line.replace(/^#{1}\s+(.*)\s*$/, "<h1 class='roboto-slab-bold markdown-main-title'>$1</h1>"));
lines = lines.map( line => line.replace(/^#{2}\s+(.*)\s*$/, "<h2 class='roboto-slab-light sub-titleH2'>$1</h2>"));
lines = lines.map( line => line.replace(/^#{3}\s+(.*)\s*$/, "<h3 class='roboto-slab-bold sub-titleH3'>$1</h3>"));
lines = lines.map( line => line.replace(/^#{4}\s+(.*)\s*$/, "<h4 class='roboto-slab-bold sub-titleH4'>$1</h4>"));

    And delete and save the file using the localStorage.

    document.querySelector('.button-save').addEventListener('click', ( ) => {
    for(let i = 0; i < arrayJSON.length; i++){
        if(document.querySelector('input').value === arrayJSON[i].name){
            indexToSave = i;
        }
    }
    arrayJSON[indexToSave].content = document.querySelector('textarea').value; 
});
    What specific areas of your project would you like help with?

    Feel free to leave any comments or suggestion.

    Thanks.

    In-browser markdown editor

    #pure-css#van-js
    1
    davistar21•180
    @davistar21

    Amazing!

  • davistar21•180
    @davistar21
    What are you most proud of, and what would you do differently next time?

    Well this project got me to 150 so i guess i am glad i can finally unlock my talent profile

    FAQ Accordion

    1
    davistar21•180
    @davistar21

    Oh no, it was only worth 10 points. :(

  • P
    Lo-Deck•3,740
    @Lo-Deck
    What are you most proud of, and what would you do differently next time?

    Hi here is my solution for Tic-Tac-Toe-game. I used HTML, CSS, JS.

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

    It was to create the CPU who plays against, to check all possibilities and take a decision depending on the game.

    if(i === k && priorityPlay === 2 && !array[memoriseIndex]){ //playing priority means cpu plays to win
     array[memoriseIndex] = cpu.mark;
     document.querySelectorAll('.mark')[memoriseIndex].innerHTML =
 `<img class="player-mark" src=${ cpu.mark === 'X' ? './assets/icon-x.svg' : './assets/icon-o.svg' } alt="">`;
      memoriseIndex = 0;
      priorityPlay = 0;
      return;
}
    What specific areas of your project would you like help with?

    Feel free to leave any comments or playing the game.

    Thanks.

    Tic Tac Toe game

    3
    davistar21•180
    @davistar21

    I don't know if this might be a bug or something but... when playing against the Player, when I put X, the computer automatically plays O in some random box. Shouldn't I be the one (or the other player) choosing the box for the O. The UI is splendid though. I sure hope it is as splendid on my mobile. And the fact that you did not use a framework is just...well, very impressive

  • P
    David Lemvigh•200
    @dlemvigh
    What are you most proud of, and what would you do differently next time?

    Managed to build with almost no 3rd party libraries. Using only the modular CSS and proper import order, to have CSS rules that can me extended and overwriten without having to resort to !important or increasing CSS specificity.

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

    I wanted to implement the form styling, including error states without using form libraries. Dealing with touch state and styling of error messages I did surrender and just used react-hook-form, which is at least a lot more light weight than Formik.

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

    suggestions for organizing CSS. could I have made the breakpoint specific CSS more readable.

    if had used scss I could have used mixins. but I wanted to try without scss and just use as close to plain vite as possible.

    Mortgage Calculator in React Vite with minimal 3rd party libs

    #react#vite
    1
    davistar21•180
    @davistar21

    I must say that you’ve done quite an excellent job. Your code structure is outstanding. I’m a beginner in ReactJS and I’m already fascinated by the potential of this powerful library. But the mobile design layout of the code does not match the design from FrontEndMentor, at least not on my mobile device anyway.

    Marked as helpful