/interview-inrhythm-typeahead-1

Primary LanguageTypeScript

interview-inrhythm-typeahead

This coding challenge...

  • focuses on React, Redux, and TypeScript
  • will have you improving a typeahead with Redux, CSS, and better UX
  • is open ended with no set amount that needs to be done
  • Feel free to use Google or Stack Overflow if you get stuck or forget syntax

Most of all we just want to see how you code

Instructions

Setup

  1. We will grant you access to this repo
  2. Clone the repo 
    git clone https://github.com/mattbillard/interview-inrhythm-typeahead.git
cd interview-inrhythm-typeahead
  3. Create a branch with todays date and your name in this format: 
    git checkout -b YYYY-MM-DD-your-name
  4. Run the following 
    npm install
npm start
  5. We have already built some code for you. Try it out in your browser. Look through the files.
  6. You may now start. Good luck!

Part A - Redux

  • Open form-page.tsx
  • We have provided a solution using useState
  • Follow the TODO comments and convert it to using Redux

Part B - CSS

  • Open typeahead.css
  • Add CSS so your solution looks approximately like the following image Screenshot

Part C - Improved UX

  • Open typeahead.tsx and form-page.tsx
  • Propose some ideas that would improve the user-experience. We'll work on some together

Part D - Extras

  • If you've gotten through everything else, here's an extra section
  • Tell us what else you would add or improve