Thanks for checking out this front-end coding challenge.
To do this challenge, we need a basic understanding of HTML, CSS and a tiny bit of JavaScript.
Our challenge was to build out this calculator of cryptocurrencies it looking as close to the design as possible.
The only JavaScript we needed for this challenge is to consume the API when someone clicks the "calcular" icon, and for the spinner loader.
Our users should be able to:
- View the optimal layout for the component depending on their device's screen size
Our task was to build out the project to the designs inside the /design folder. We found both a mobile and a desktop version of the design to work to, and a Figma design here.
We keep all the required assets in the /images folder. The assets are already optimized.
We recommend using Vercel as it's an amazing service and extremely simple to get set up with. If you'd like to use Vercel, here are some steps to follow to get started:
- Sign up to Vercel and go through the onboarding flow, ensuring your GitHub account is connected by using their Vercel for GitHub integration.
- Connect your project to Vercel from the "Import project" page, using the "From Git Repository" button and selecting the project you want to deploy.
- Once connected, every time you
git push, Vercel will create a new deployment and the deployment URL will be shown on your Dashboard. You will also receive an email for each deployment with the URL.
Feedback is always welcome!
A massive thank you to our community sponsors!
- FrontendCafe is an incredible community of people interested in technology and computer science where we talk about programming languages, web design, infrastructure, we share doubts, we ask and we respond.
Everything happens inside a Discord channel...