Code Monkey home page Code Monkey logo

pulse2021's Introduction

๐Ÿ’Š Search Pulse ๐Ÿ’Š


๐Ÿ’Š Preferred browser - Google Chrome ๐Ÿ’Š


Search Pulse is an assigned Frontend Coding challenge. This take home assignment has three distinct exercises that represent real-world problems.

๐Ÿ’Š Prompt ๐Ÿ’Š

Given a dataset and a frontend framework, complete the three tasks while following the following constraints :

  • Use only JavaScript for this assignment.
  • Do not install additional packages.
  • Refrain from touching the directory structure a challenge.

๐Ÿ’Š How to run this project on your local server to this Project? ๐Ÿ’Š

git clone https://github.com/mcherry000/pulse2021.git
npm install
npm start

After starting the development server with npm start, you can edit any files in the src folder and webpack will automatically recompile and reload your server (available at http://localhost:3000 by default).


๐Ÿ’Š Tech Stack: ๐Ÿ’Š



๐Ÿ’Š Exercises ๐Ÿ’Š

  • Each exercise has corresponding comments to explain the "why" and "how" of Algorithms.

01. uniqueBy

Ensures the uniqueness of an array of data objects for a given key.

02. filterBy

Filters an array of data objects by a given search term.

03. Influencers Display

Renders the influencers data. The page now consist of three parts -- a search bar, corresponding sort buttons for each column in table, and a display for influencers data.


๐Ÿ’Š On home screen you'll find a search bar and tabularised data underneath ...

Anonymous


๐Ÿ’Š You can search by word (or an incomplete word). The App will display the closest match(es) pre-sorted in a High-to-Low priority algorithm...

Anonymous


๐Ÿ’Š You can also manually sort the columns of the table using toggle-button(s)...

Anonymous


๐Ÿ’Š What's missing? ๐Ÿ’Š

A sort-by-priority button. The funtion "sortBy" is yet to be wired to the frontEnd via hooks. The Algorithm underneath has been tested for accuracy and is functional at the time of submission.


Submission


๐Ÿ‘ฉโ€ Developer Info

Engineer LinkedIn Profile GitHub Profile
โ˜€๏ธ Manika Arora https://www.linkedin.com/in/manika-a-11692716b/ https://github.com/mcherry000

pulse2021's People

Contributors

mcherry000 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.