Rahul kumar Gautam

@RahulKumarGautam1636
West Bengal
565Points

I'm a mysterious individual who has yet to fill out my bio. One thing's for certain: I love writing front-end code!

I'm currently learning...

jQuery and React.

Latest Solutions

  • Desktop design screenshot for the Sunnyside agency landing page coding challenge

    Fluid responsive Sunnyside landing page with CSS-flex

    • HTML
    • CSS
    • JS
    Submitted

    Feedbacks are appreciated..

  • Desktop design screenshot for the IP Address Tracker coding challenge

    IP tracker with simple Map functionality using leaflet js and mapbox.

    • HTML
    • CSS
    • JS
    • API
    Submitted

    I wanted it to be more than just a IP tracker, so tried to add some basic functions of a map. 1) Tap and mark a location/place on the map with your desired name. 2) Double tap on the markers to zoom in to that place for a closer view. 3) Get satellite view by tapping layer icon. 4) Added a slide Bar to see the list of marked places in the current map. tap on these list names to visit that place on map. 5) Added a recenter button. click on it to recenter the map to your current location.

    I tried ipify to get location details with ip address but it always shown me wrong location. the difference was in thousands of kilometers, don't know if its ok or not. so i used ipinfo.io which was more accurate but still was wrong by few kilometers. hence i added the option for Geolocation to get users location which uses GPS to give most possible accurate location. mobiles work perfectly with geolocation.

    6) Double tap on the Recenter button to activate the GPS and you will see your GPS location on the map. 7) I've used local storage to save the list items so the marked places will not vanish even if you refresh the page.

    please share your views about this and let me know if you have any suggestion or idea to improve this. Feedbacks are always welcome.

  • Desktop design screenshot for the Huddle landing page with curved sections coding challenge

    Huddle landing page with Curved sections made with flex box.

    • HTML
    • CSS
    Submitted

    Focused on responsiveness, tried my best. let me know if anything left to improve. Feedbacks are always welcome.

  • Desktop design screenshot for the Launch countdown timer coding challenge

    Launch Countdown timer with some transition effects made with jQuery.

    • HTML
    • CSS
    • JS
    Submitted

    finally achieved the flip effect. In this challenge I learned about the animation property but still used transition with rotateX for the timer flip because it needed less JS code to flip the different timer cards at different times. let me know if I missed something or anything left to improve. feedbacks are awesome.

  • Desktop design screenshot for the Calculator app coding challenge

    Calculator with keyBoard and previous operand access, transiton effect

    • HTML
    • CSS
    • JS
    Submitted

    finally completed this one. HTML and CSS part was a little bit easier, the challenging part was the JS code for calculation which took my 60% of total time because i wanted the have self written and error free calculation code that works exactly same as real calculator and also prevents user from entering wrong inputs. in this process i explored bunch of properties which I have never used before such as eval(), Number.isInteger(), parseFloat(), str.toFixed() and the Error handling. feel free to criticize or suggest anything if something left to improve and also let me know if you discover any error in calculation.

  • Desktop design screenshot for the Blogr landing page coding challenge

    Responsive page made with CSS flex and jQuery..

    • HTML
    • CSS
    • JS
    Submitted

    I've focused on Responsiveness in this challenge and spent good amount of time for adjusting the site for all screen sizes. the main headaches were the svg backgrounds but finally it's done perfectly. thank you for checking this out and please let me know if I've missed something or anything left to improve further..

Latest Comments

    • HTML
    • CSS
    • JS
    • API

    IP Address tracker using LeatletJS library

    3
    Rahul kumar Gautam565 | Posted 6 days agocommented on Siva kumar Katari's "IP Address Tracker" solution

    Good job, only thing is that it doesn't auto detects the IP of user on page load which was described in the challenge description. Otherwise it's great. I've done this challenge and added some additional features in check it out if you wish to learn more. Happy coding... πŸ‘πŸ‘

    0
    • HTML
    • CSS
    • JS

    Calculator App

    9
    Rahul kumar Gautam565 | Posted 2 months agocommented on Mipsmonsta's "Calculator app" solution

    It gives 0 when try to calculate 4x04.4 The zero is causing this error. Find a way to prevent user from entering zero after an operator if he does not enters decimal (.) just after that zero.

    0
    • HTML
    • CSS
    • JS

    Mobile First, BEM, Grid, Sass

    4
    Rahul kumar Gautam565 | Posted 2 months agocommented on Bekithemba Mdluli's "Calculator app" solution

    I faced the same issue but managed to write a function to prevent users from entering all types of wrong inputs including this one. I've used try catch statements with some if else logic for this. if you are using eval() then check my calculator project.

    0