/front-challenge

This is a senior frontend challengue

Primary LanguageJavaScript

Senior Frontend Developer Challenge

Take-Home Assignment

Description

With this exercise, we will evaluate your ability to develop a simple frontend application that meets the requirements for an imaginary product we want to build.

Completing this should take you anywhere from a couple of hours to up to a day depending on your level of expertise, available time to focus, and level of detail you consider sufficient.

That said, if it is taking you more than a day, you are probably spending more effort than necessary in some details. We expect that you submit your final work within one week of receiving the assignment, but please let us know if this is too short notice for you.

Please feel free to reach out and ask questions if you need any clarification.

Details

The Application

We are very enthusiastic about Crypto! We would like to have a site to view the top 50 Cryptos based on Market Cap. In the first part of this project, we would like to see a list of the 50 best cryptos, and we want to be able to filter them by:

  1. Name
  2. Price
  3. Market Cap
  4. Circulating Supply (For example, Bitcoin Max supply is 21 Million Bitcoins, but the circulating supply is approx. 18 million)

Requirements

As we said before, it can take you a couple of hours or a day.

  1. You can use this api or any other API (just try to complete the requirements)
  2. Use Typescript
  3. Use Hooks
  4. Refactor the code
  5. Format values (dates, prices, etc)
  6. Use TailwindCSS
  7. Testing suite
  8. Good use of git (commits, pull requests, branches)
  9. Use of conventional commits for commit messages

How to deliver

  1. Clone this repo and share the link with us at the time to deliver (DO NOT FORK)
  2. Deploy this repo (you can use Vercel)
  3. Please document the repo and your code (using JSDoc)
  4. On the README, explain your architecture, component design, and development choices.
  5. A summary of what else you could/would like to have done if you had more time.

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.