Giter Club home page Giter Club logo

queenslab-evaluation-react's Introduction

Get started!

QueensLab Evaluation React

Welcome to the React evaluation assignment! We are excited to have you here and cannot wait to see what you can do with React and Typescript ๐Ÿš€!

This assignment has been designed to test your skills in React and Typescript and give you an opportunity to demonstrate your knowledge. We encourage you to take your time and do your best work. Be thorough, be creative, and most importantly, have fun ๐ŸŽ‰!

To get started, please read the instructions carefully and follow the steps outlined in this README file. We ask that you submit your assignment by using the included submission script and remind you to submit your work with attention to detail, including documentation and clear code comments where needed.

Remember, this is your chance to showcase your skills and impress us with your work. We hope you enjoy this assignment and look forward to seeing your submission. Good luck!

Instructions

The assignments are designed to run on StackBlitz, but you are of course allowed to run them locally in your favourite editor.

  1. Read this README in full.
  2. Fork this repository to your own Github account.
  3. Click the "Get Started" button at the top of this README to open it in StackBlitz.
  4. Either use StackBlitz or work locally on your fork. The assignments are located in the algorithms and credit-card directories.
  5. When you're ready to submit, run npm run submit and follow the instructions prompted.

We have included a few libraries in this assignment but feel free to add your own if you think it makes sense!

Part 1: Algorithms

This part is meant to test your general Typescript skills. There's no need for any graphical elements in this part - focus on the functions themselves.

Make sure you:

  • ๐Ÿงช Include tests!
  • โšก Consider performance versus readability
  • ๐Ÿšซ Don't modify input and return types.

You can find the assignments in /src/algorithms/README.md

Part 2: Credit Card Component

This part will test your React/Web skills and your ability to use domain specific logic to create a good user experience.

The assignment is to create a credit card form component that can be dropped in to any React application and be used to process payments.

You can assume that the payment endpoint expects a POST request at /api/payments and that the credit card information will be received without any sort of encryption or obfuscation.

Make sure you:

  • ๐Ÿงช Include tests!
  • ๐Ÿค” Consider what can be validated/detected without making a request to the payment server.
  • ๐Ÿ’ฅ Focus on the user experience from a functionality point of view.

You can find the assignments in /src/credit-card/README.md

queenslab-evaluation-react's People

Contributors

gu-sx 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.