Code Monkey home page Code Monkey logo

frontend-assignment's Introduction

Cryptohopper Front-End Assignment

Congrats! You've made it to the assignment! ๐Ÿฅณ

To get insights in your technical skills and how that matches the tech stack we use, we've setup a little assignment. There's a design that can be found here https://www.figma.com/file/l2FeMMWON9KFTxEanI4Qro/design?node-id=2050%3A891. We'd like you to turn this design into a React app. Before you begin, please make sure you've read the notes.

How does it work?

  1. Clone this repository
  2. Do your magic ๐Ÿช„
  3. Push the changes to your repository
  4. Share the link to your repository
  5. You show/explain us what you have done next time we meet

Stack Requirements

  • NextJS or plain React (NextJS preferred)
  • TypeScript

Things to take into consideration

  • Reusability of components
  • Code style
  • Responsive design
  • Documentation
  • Performance / re-renders
  • Tests
  • Accessibility

Design

You can find the design at https://www.figma.com/file/l2FeMMWON9KFTxEanI4Qro/design?node-id=2050%3A891. The design is a figma file. You can open it directly with the link or with the Figma desktop app for Mac or Windows, or check the Figma downloads page.

Notes

  • Don't focus on the bottom two footer blocks ("start trading with cryptohopper" and the actual footer). Only implement these when you have time left or really want to show what you can do.
  • The comparison tool below the prices block does not need to function. This design does not explain what it does, so it is fine to just create a static version.
  • This assignment has no time constraint, but try to spend a maximum of 8 hours. This does not mean you need to spend 8 hours on it.
  • Don't feel pressured to implement everything mentioned above, it is just to help you get started, what is more important is how you do it.
  • For styling, please choose the approach of your liking.

Last but not least

Have fun while doing the assignment, we're eagerly to witness your awesome frontend skills!

frontend-assignment's People

Contributors

ch-tim avatar mrcrazylee avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.