Brose Questions Clone

Coding challenge consisting in replicating a design given in the form of an image and adding some basic functionality.

Technology used

React, React-Table, Hooks, Sass, Fetch API, Async/Await

Clone

Clone this repo to your local machine using https://github.com/carlostrujillosamper/browse-questions.git

Set Up

install npm in project directory

$ npm install

Run

in project directory

$ npm start

TODOs

  • Add more filtering options

  • Multi-select filter with tags

  • Add tests

  • Using react-testing-library and react-hooks-testing-library

  • Clean API response

  • Find rest of cases where strings of characters where used to replace special characters such as "" and '.

  const finalDataArray = questions.map(q => ({
    ...q,
    question: q.question.replace(/"/g, '\"').replace(/'/g, '\''),
    iD: randomNumGen(5000, 10000),
    createdBy: randomNames[randomNumGen(0, randomNames.length - 1)]
  }));
  • Make web responsive

  • The table is not fully responsive. It overlaps on mobile devices

  • Find exact font

  • I suspect it is Tahoma, but it is behind a paywayll

Author

Carlos Trujillo