Git Product home page Git Product logo

poly-ai's Introduction

Spaceships finder

In order to run it, do following

  1. npm i
  2. npm run dev

Due to the tight time budget, I build main feature of the application, what I have:

  1. Use query params as a state, so it can be easily shareable
  2. Built components that can be reused in other parts of the application
  3. Build Filters and list of spaceships
  4. Basic empty state

What I would do if I had more time:

  1. Revisit components and check if they are built to be reusable of they looks fine, cover with tests.
  2. Decide what it's better to use for styling, tailwind I used for the first time just for fun so it can be little messy.
  3. Adapt it to be responsive
  4. Revisit types, create types for each entity and put them to shareable.
  5. Add memo for filtering, or use server side filtering if we have to much spaceships to choose from
  6. Think about pagination in case we have too much spaceships
  7. Build layout component that can render Filters/List and also handle Loading/Error states.
  8. Add unit test for the whole feature.
  9. Revisit filtering util, make it the way that we can easily configure different kind of filters on the way. smth like this spaceships.filter((spaceship) => [colorsFilter(colors, mode), optionsFilter(options), speedFilter(speed)].every(filter => filter(spaceship)))

poly-ai's People

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.