Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Pricing Component using React and Sass

#react#sass/scss
Rashi 165

@shangum

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Note: This is a resubmission with my live site url now moved to Vercel (thank you @Remus432) .. Hello All, This is my first Frontend Mentor React project. I took an online course that introduced me to React some months back but haven't had a chance to try creating and deploying a project in the wild yet.

For this project I implemented the design using only two functional components. If you see any improvements that can be made feel free to mention them.

Since this project was mainly used for me to get my feet wet using React I only have one explicit question. Does anyone have any resources on the best way to deploy a React app to Github pages?

Usually I use the web interface as outlined at this web page: https://medium.com/frontend-mentor/a-complete-guide-to-submitting-solutions-on-frontend-mentor-ac6384162248

I had some trouble getting my React app deployed to Github Pages and ended up getting it working using a convoluted method that I'm sure can be improved upon.

Here are two other web pages that I initially used to guide my code deployment: https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f

https://www.pluralsight.com/guides/deploying-react-on-github-pages

Moving forward I want to get more comfortable with deploying React code to Github Pages but in this case I figured done is better than perfect for my first project.

Thanks to all who have helped so far. And Thanks

Community feedback

Nakoya Wilson 1,530

@nakoyawilson

Posted

Hey! Great job on this project. I recently started learning React also and I didn't even know that you could deploy React apps with Github pages. I just googled and found these instructions from Create React App that also include some notes and troubleshooting. I'm not sure if it provides any extra info than the sources you used already but hopefully it can be helpful.

Marked as helpful

1

Rashi 165

@shangum

Posted

Thanks @nakoyawilson , I will review the link you provided me and see if I can get my React Apps deploying on GitHub Pages on future projects.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord