Giter VIP home page Giter VIP logo

freshchalk-coding-challenge's Introduction

Fresh Chalk Coding Challenge

This project is designed to give you an opportunity to demonstrate your approach to building software. Please don't spend more than a couple of hours on it.

Installation

  1. npm install
  2. npm start (runs webpack-dev-server)
  3. Visit http://localhost:8080

Assignment

This repo contains a partial implementation of autocompleting search, built upon autocomplete.js from Algolia. The code uses an array of state names, but does not properly filter the results based on user input. Your goals are:

  1. Fix the code to filter results when the user types.
  2. Uncomment the second search input in index.html, and configure autocomplete.js to connect it to the search api at https://api.github.com/search/users?q=.... Render the login and id returned from this api the same way that you rendered state name and abbreviation in #1.
  3. For extra credit, try to make the autocomplete entries look nicer. For inspiration, you can look at the autocomplete results on Fresh Chalk when you search for business names.

Requirements

  • Both inputs should work at the same time. Don't break #1 when working on #2.
  • The code should work properly in the latest version of Chrome. Don't worry about other browsers.
  • If you want to pull in small utility libraries like Lodash, be sure to add them to the package file. Please don't incorporate any large frameworks.

Submission

Please submit your solution as a zip file. If you are using gmail, here's the easiest way:

  1. Generate a zip file: git archive HEAD --format=zip -o solution.zip
  2. Upload to google drive.
  3. Send as a drive link.

freshchalk-coding-challenge's People

Contributors

dependabot[bot] avatar nkriege avatar

Watchers

 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.