Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
4

Chris Paschall

@ChrisP1108Phoenix, AZ440 points

Became a developer starting in 2021. Have utilized React, Vue, Angular frontend javascript frameworks, along with Node.js, MongoDB, PHP, and MySql for backend development.

Latest solutions

  • Vanilla PHP, Javascript Object Oriented Programming

    #animation#mysql#php

    Chris Paschall•440
    Submitted over 1 year ago

    0 comments
  • MENN Stack (MongoDB Atlas, Express, Nuxt.js, Node.js)

    #express#mongodb#node#nuxt#sass/scss

    Chris Paschall•440
    Submitted over 2 years ago

    1 comment
  • Angular, TypeScript, localStorage

    #angular#typescript

    Chris Paschall•440
    Submitted over 3 years ago

    0 comments
  • Vue.Js


    Chris Paschall•440
    Submitted over 3 years ago

    1 comment
  • React JS, SASS, Javascript State Variables Into Inline CSS


    Chris Paschall•440
    Submitted almost 4 years ago

    2 comments
  • React JS, SASS, hooks-for-redux


    Chris Paschall•440
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • Sean OReilly•120
    @seano424
    Submitted over 3 years ago

    Product Feedback Solution

    1
    Chris Paschall•440
    @ChrisP1108
    Posted over 3 years ago

    I like the added feature of linking it to your google account. A few things I noticed...

    On the mobile version the hamburger menu that slides in from the side gets cropped out below 440px. For mine I usually have it so everything fits down to 320px since some mobile devices go that low.

    For the Roadmap section, you may want to have it so that when there are no more planned, in-progress, or live status suggestions that the entire column goes away.

    Also when clicking to upvote on a suggestion, it doesn't highlight with the blue background like it shows in the designs.

    The font type appears to be incorrect also.

    I know this is a tough one. I did this challenge myself. Feel free to check out mine. I faked a delay and utilized localStorage so I wouldn't have to setup a server host, plus I did an occasional error generate on purpose with Math.random() as well to simulate server like conditions, so if you see an error, just refresh the page and it'll work.

    My solution: https://www.frontendmentor.io/solutions/vuejs-rXKKm4EN2

    Quick URL to the site: https://chrisp1108.github.io/product-feedback-app/

    Marked as helpful
  • Chris Paschall•440
    @ChrisP1108
    Submitted over 3 years ago

    Vue.Js

    1
    Chris Paschall•440
    @ChrisP1108
    Posted over 3 years ago

    Just to give an update on the images not loading. I got the avatar images to load. I essentially had to change all the image path to permalink paths, which is not the most ideal way to do it since it's not migration friendly, but I'm not planning on moving it to another domain other than github anytime soon, so I'll keep it at this for now.

  • Aaron Buachie•70
    @Buachie
    Submitted almost 4 years ago

    Responsive Site with React, TypeScript, and SCSS

    1
    Chris Paschall•440
    @ChrisP1108
    Posted almost 4 years ago

    Nice job. I did the same challenge. Here's a link to my solution:

    https://chrisp1108.github.io/planets-fact-site/

    Here's my github code: https://github.com/ChrisP1108/planets-fact-site

    Marked as helpful
  • Chris Paschall•440
    @ChrisP1108
    Submitted almost 4 years ago

    React JS, CSS

    2
    Chris Paschall•440
    @ChrisP1108
    Posted almost 4 years ago

    Interesting you mention that as I did originally do that however I decided to switch it to 1200px width on desktop instead of 992px because of the Rotation Time, Revolution Time, Radius, and Average Temp. borders got too tight and I was also trying to maintain certain margin left and right spacing as well so the elements would not push too close to the edge of the screen.

    I'm sure I could revise the margin spacing to switch to desktop at a lower screen width if need be but I think it works fine the way it is for now.

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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