Your task is to build a NodeJS/GraphQL API that returns a list of ICO contributions and a React app that visualizes this data in a meaningful way.
- Create a new repo wherever you like. Can be GitHub/GitLab/Bitbucket, doesn't matter.
- In your repo, build a NodeJS API with a single GraphQL endpoint that returns a list of ICO contributions.
- In the same repo, build a small React app that consumes the API and visualizes the data. There's not 1 right solution, but a few example features could be:
- Use charts to visualize the data
- Filter contributions by currency type
- Filter contributions by amount
- Create a README.md explaining how to test the features you have built. Feel free to add additional thoughts, e.g. why you chose certain libraries or why you implemented a feature in a certain way etc.
- Send us an email to dev@brickblock.io when you're ready to have it reviewed
ICO contributions have the following structure:
{
"address": "183nLVZFt3W6G79o5Yx8bTiEBsjER9eMVZ", // An Ethereum, Bitcoin or Litecoin address that contributed to our ICO
"currency": "BTC", // Can be "ETH", "BTC" or "LTC"
"value": 504114, // The contributed amount in the smallest possible unit (e.g. "wei" for Ethereum contributions, or "satoshi" for Bitcoin contributions
"txid": "f6b48e20e78ed5800ca07ea2a782a14227fee043de86f88eaaebcd88d34c9650" // The transaction ID of this contribution
}
- Your API accepts a GraphQL query and returns ICO contributions
- Your React app fetches data from the API and displays it in the UI
- Your app uses redux to manage its state
- Your app is easy to install and run locally
- Code Quality - The code is clean, well-structured and easy to understand
- UX - Your app is easy to use and works well
- UI - Your app looks great
- Set up a CI pipeline for enforcing code quality e.g. eslint, flow, prettier
- Dockerize the app
- Deploy the app somewhere
- Add unit tests
- Add end-to-end tests
- Surprise us
There are not many rules, really. It's all about the result. However, here are a few clarifications:
- Feel free to use as many 3rd party libraries as you'd like.
- It’s ok and even encouraged to look for inspiration elsewhere but if you're taking the lazy way of just copy-and-pasting CodePen snippets: We’ll know.