During a monthly check-in meeting, your client mentioned that reps waste a lot of time fielding calls and emails for cost estimates. After discussing the problem, you pitch the idea of using a cost estimation calculator on their site so potential customers can self-serve and get an idea of the cost without reaching out to someone on their team. They loved the idea, and after getting a design back from your team, your next step is to get it live on their pricing page.
Your Challenge is complete when:
The website is as close to the original design as possible
The website is responsive and viewable on multiple screen sizes
Elements have the correct state styles (hover, focus, etc.)
Range sliders have correct min, max, and step values (covered in the design file)
User can update values using the slider or number input
Updating the values uses formulas to calculate the accurate monthly price (covered in the design file)
Join our Discord server to ask for help and share what you've learned!
When you start a Challenge, you will navigate to a new Solution created for you in the dashboard. This page is where you can read the Challenge brief, download the files, and submit your final Solution.
There's no time limit to complete a Challenge, and you can use any programming language, library, or framework you want.
Once the Challenge is complete, you submit a Solution from the dashboard. Your Solution should be as close to the included design as possible. Do not replace fonts, colors, or other styles. Treating this like actual client work is most helpful to your skill development.
When you submit a Solution, you will be required to provide a link to the final project that points to a GitHub repository. That way, the rest of the community can view your work and learn from your code. Another requirement is you submit a live version of your Solution hosted on one of our approved host providers.