Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
2

Lance Liang

@LanceLiang2011Toronto, ON210 points

I am a translational research student and a Ph.D. in physiology. I am now a self-learning web developer interested in Health/Medicine related apps software and websites.

Latest solutions

  • News Homepage using Astro.build

    #astro

    Lance Liang•210
    Submitted about 2 years ago

    0 comments
  • Loopstudio Landing Page built with Astro.build and Tailwind.css

    #astro#tailwind-css

    Lance Liang•210
    Submitted about 2 years ago

    1 comment
  • Clipboard Landing page with Tailwind.css

    #tailwind-css

    Lance Liang•210
    Submitted about 2 years ago

    0 comments
  • Interactive pricecard with React, styled components and Radix UI

    #react#styled-components

    Lance Liang•210
    Submitted about 2 years ago

    0 comments
  • Ageboard age-calculator with React and styled components

    #react#styled-components

    Lance Liang•210
    Submitted about 2 years ago

    0 comments
  • news letter sign-up with React and styled components

    #react#styled-components

    Lance Liang•210
    Submitted about 2 years ago

    1 comment
View more solutions

Latest comments

  • Adrián•40
    @cosmologysk8
    Submitted about 2 years ago

    Age Calculator App - Tailwind

    #tailwind-css
    1
    Lance Liang•210
    @LanceLiang2011
    Posted about 2 years ago

    Hi Adriam,

    Firstly, I want to commend you on the remarkable job you've done on this project. Your hard work and attention to detail are evident.

    However, there are a few minor issues regarding the logic of date calculation that need addressing. For instance, when inputting the date from yesterday into your calculator, it returns '-1 month and 1 day'. This can be attributed to JavaScript's usage of zero-based indexing for month. It would be beneficial to take this peculiarity into account to refine your calculations and provide more precise results.

    Additionally, the current front-end data checking allows input of dates from the next month. This might unintentionally disrupt your user interface.

    Accurate date calculation in JavaScript, especially accounting for leap years, can be quite challenging. If you find this to be the case, consider integrating a third-party library, such as Moment.js or date-fns, which can greatly simplify the process and ensure precision.

    Keep up the good work!

    Marked as helpful
  • Geordy Reyes•120
    @elian-dev
    Submitted about 2 years ago

    Multiform responsive page

    #astro
    2
    Lance Liang•210
    @LanceLiang2011
    Posted about 2 years ago

    Hello Geordy,

    I must say that I'm truly impressed with the amount of work and detail you've put into this project - your solution is excellent! I do, however, have a couple of UX-related observations and a question for you.

    Feedback:

    I noticed that when hovering over the steps in your sidebar, my cursor changes to a pointer. However, these numbers are not clickable, which could potentially confuse users.

    I experienced some screen flashing when I selected all add-ons on page 3 and then navigated to page 4. I'm unsure of what's causing this, but I believe it's something that needs to be addressed.

    Question: Your project is a single page application, and you've chosen to use Astro.build as your framework. Can you share your specific reasons for this choice?

    Overall, this is one of the best solution for this project I've seen on FM so far, Keep up the good work!

    Marked as helpful
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