Code Monkey home page Code Monkey logo

vnnext-private-cv's Introduction

Meteor code challenge

Machine setup

Setup

How to install dependencies

meteor npm install -g yarn
meteor yarn install

How to run

meteor yarn start

How to run tests

meteor yarn cypress

What you need to deliver

A mini-application that allows event hosts to check people into an event.

The home page should show:

  • an event selector (select) displaying the name of each event, by default displaying Select an event (communities collection);
  • a list of people registered in the selected event (people collection).

The list of people should allow the event host to:

  • see first and last name together (full name), company name, title, check-in date, and check-out date both using MM/DD/YYYY, HH:mm format or N/A;
  • check people into the event by clicking the "Check-in {person firstName and lastName}" button;
  • if the user was checked-in over five seconds ago, we want to see a "Check-out {person firstName and lastName}" check-out button .

Between the event selector and the list of people we want to see a summary like this:

  • People in the event right now: 10;
  • People by company in the event right now: Green Group (10), Hoppe Group (5);
  • People not checked-in: 200;

The page needs to be reactive -- no refresh should be needed to display the latest data.

Implementation rules

  • You must explain your ideas as comments in the code, we want to see how you express yourself in written English;
  • You must use Meteor as builder and runner, React as view layer and MongoDB as data layer;
  • You must use MongoDB embedded in Meteor, don't configure the project to access a different MongoDB URL;
  • You must not insert new documents into communities nor into the people collection;
  • You must not change initial-data.js;
  • You can add new dependencies;
  • You can style the application.

Important

  • An automatic process will check your solution -- please follow the requirements as close as possible. Only submissions that pass the tests will be considered;
  • We are not going to answer any questions about this challenge, so that all submissions can be fairly compared.

How I implemented solutions / Considerations

Assumed business rules:

  • Person can be checked in/out multiple times. So it's possible that person is: checkIn/checkOut/checkIn again and so on.
  • UI is displaying the latest check in/out
  • Added filtering and pagination for users.

vnnext-private-cv's People

Contributors

filipenevola avatar vonpoland avatar flippyhead avatar

Watchers

James Cloos avatar  avatar  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.