David Payne

Pro
@dpayne713
Nashville, TN
1,210Points

Here's a bio

Latest Solutions

  • Desktop design screenshot for the Pomodoro app coding challenge
    • HTML
    • CSS
    • JS

    SCSS, Vanilla JS, HowlerJS

    P
    David Payne1,210Submitted

    Feedback welcome.

    Was a fun one to wrap my head around in the JS side of things. Was fun to get into working with SVG properties on a more fine detailed level.

    Press q on keyboard to dramatically reduce timer lengths for testing purposes.

    View Solution
  • Desktop design screenshot for the Launch countdown timer coding challenge
    • HTML
    • CSS
    • JS

    Vanilla JS / SCSS

    P
    David Payne1,210Submitted

    Challenged myself to create the flip without any internet copy pasting.

    Will be a fun one to incorporate in other projects. Nice challenge.

    Any formatting or logic bugs? I'd love to know.

    Thanks!

    View Solution
  • Desktop design screenshot for the Designo multi-page website coding challenge
    • HTML
    • CSS
    • JS

    Multi Page site - lots of animation and UI treats.

    P
    David Payne1,210Submitted

    I am going to continue on with this project working on dynamically generated 'body' content so the header and footer stay in place and the rest generates. I also plan to update the 'locations' page to have better maps instead of just the placeholder images.

    Happy to hear any notes / suggestions / formatting-bugs discovered.

    View Solution
  • Desktop design screenshot for the FAQ accordion card coding challenge
    • HTML
    • CSS
    • JS

    SASS with some animations.

    P
    David Payne1,210Submitted

    Curious if anyone has ever experimented with animating individual parts of a SVG and if so what they found the most success with.

    View Solution
  • Desktop design screenshot for the Rock, Paper, Scissors game coding challenge
    • HTML
    • CSS
    • JS

    RPS Game

    P
    David Payne1,210Submitted

    Took a while trying to optimize for mobile.

    Comments on bugs or formatting issues welcome. Thanks!

    View Solution
  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge
    • HTML
    • CSS
    • JS
    • API

    Node, Heroku, Sass, Handlebars, VanillaJS

    P
    David Payne1,210Submitted

    Decided to use Node to sanitize the incoming data. Kept the client side JS very minimal.

    Local Storage utilized to save theme.

    Any suggestions or comments welcome.

    View Solution

Latest Comments