Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
5

Skanthan

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

  • URL Shortener site using React


    Skanthan•295
    Submitted almost 4 years ago

    0 comments
  • Launch Countdown using React and Sass


    Skanthan•295
    Submitted almost 4 years ago

    1 comment
  • Full Stack IP Tracker - Node, EJS, and MongoDB


    Skanthan•295
    Submitted almost 4 years ago

    1 comment
  • Job Listings challenge with jQuery and vanilla HTML/CSS


    Skanthan•295
    Submitted about 4 years ago

    1 comment
  • Tip Calculator made with jQuery and vanilla HTML/CSS


    Skanthan•295
    Submitted about 4 years ago

    0 comments
  • Basic calculator made using Vanilla JS/CSS/HTML


    Skanthan•295
    Submitted about 4 years ago

    1 comment
View more solutions

Latest comments

  • SakonBel•145
    @SakonBel
    Submitted almost 4 years ago

    ip address tracker-React/RegEx/Tailwind/API

    1
    Skanthan•295
    @skanthanvijay
    Posted almost 4 years ago

    Very solid solution! The one thing I'd fix is to remove the outline when you click on the text input, it doesn't fit in with the theming. Other than that, great job

    Marked as helpful
  • Rohail Taha•355
    @rohailtaha
    Submitted almost 4 years ago

    IP Address Tracker

    2
    Skanthan•295
    @skanthanvijay
    Posted almost 4 years ago

    The most common way to hide API keys would be to do it as a fullstack app with environment variables off-client. For the Mapbox API key however, you can just restrict its URL to where you host the page so that others cant use it even if they see it.

    Marked as helpful
  • DEEP PATEL•395
    @DeepPatel6128
    Submitted about 4 years ago

    I used pure HTML, CSS and JS with the approach of mobile first design.

    1
    Skanthan•295
    @skanthanvijay
    Posted about 4 years ago

    The theme toggles don't work on your calculator. To make them work, I used a fieldset with radio buttons to make the toggle itself and used some javascript with an event listener for the clicking of the radio buttons to change theme.

  • Skanthan•295
    @skanthanvijay
    Submitted about 4 years ago

    Basic calculator made using Vanilla JS/CSS/HTML

    1
    Skanthan•295
    @skanthanvijay
    Posted about 4 years ago

    Notes to those seeing the solution (OUTDATED):

    -The radio buttons do not have labels as they are supposed to be invisible. If there is a more efficient way to create the toggle however (potentially using libraries like jQuery), that would be awesome to hear

    -There are spaces between the numbers above the toggle, but they do not show up on the generated screenshot

    EDIT: The code for the toggle was revamped, the above notes can be ignored

  • Skanthan•295
    @skanthanvijay
    Submitted about 4 years ago

    Social proof section using Flexbox and Grid

    1
    Skanthan•295
    @skanthanvijay
    Posted about 4 years ago

    Didn't notice that there was a background in the design & files, but I do know how to implement it.

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