Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
29
Marc Francis
@marcfranciss

All solutions

  • Pomodoro app


    Marc Francis•730
    Submitted 7 months ago

    1 comment
  • Galleria Slideshow Site (React | Typescript | Sass | Vite)

    #react#sass/scss#typescript#vite#framer-motion

    Marc Francis•730
    Submitted 7 months ago

    1 comment
  • Space tourism multi-page website (React | Sass | Typescript | Vite)

    #react#sass/scss#typescript#vite

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • Bookmark landing page (React | Typescript | Sass | Vite)

    #accessibility#react#sass/scss#typescript#vite

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • Room homepage (React | Sass | Typescript | Vite)


    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • Loopstudios landing page (React | Sass | Typescript | Vite)

    #react#sass/scss#typescript#vite

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • Tic-Tac-Toe Game (React | Typescript | Sass | Vite)

    #accessibility#react#sass/scss#typescript#vite

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • E-commerce product page (React | Typescript | Sass | Vite)

    #accessibility#react#sass/scss#vite#typescript

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • News homepage (React | Sass)

    #sass/scss#vite#accessibility

    Marc Francis•730
    Submitted 8 months ago

    1 comment
  • Password generator app (React | Typescript | Vite)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • Tip calculator app (React | Typescript | Vite)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • Time tracking dashboard (React | Vite | Vanilla CSS)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • Article preview component (React | Vite | Vanilla CSS)


    Marc Francis•730
    Submitted 9 months ago

    2 comments
  • Testimonials grid section main (React | Vanilla CSS)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • Four card feature section (React | Vanilla CSS)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • BMI calculator (ReactJS | Typescript |Vanilla CSS)


    Marc Francis•730
    Submitted 9 months ago

    1 comment
  • Equalizer landing page (ReactJS | Vanilla CSS | Typescript)


    Marc Francis•730
    Submitted 9 months ago

    0 comments
  • Mortgage Repayment Calculator (ReactJS | Typescript | Vite | Sass)

    #react#sass/scss#typescript#vite

    Marc Francis•730
    Submitted 9 months ago

    Still unsure if this is the proper way to do reset the form. Any advice will be greatly appreciated.

    useEffect(() => {
      if (onReset) {
        // resets the data to blank
        setMortgageData({
          amount: "",
          year: "",
          interest: "",
          type: "",
          mMonthly: "",
          mInterestOnly: "",
          mTotal: "",
        });
        // resets the errors to false, so it will not show
        setErrors({
          amount: false,
          year: false,
          interest: false,
          type: false,
        });
        // returns reset button to default state
        setReset(false);
      }
    }, [onReset]);
    

    Thank you for taking the time in checking this project. 💕

    I hope this somehow help you in what you're looking for. Cheers! 🍻


    0 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

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