Code Monkey home page Code Monkey logo

front-end-challenge's Introduction

Tagup front-end challenge

Thanks for your interest in joining our team! This challenge is a simple test for us to evaluate your technical abilities in advance of meeting in person.

Your objective is to create a mini timeline app. Detailed requirements are below. You may use the picture below as a design reference (though are in no way bound by its design):

design reference

Key requirements

  • Build reusable components for cards and buttons;
  • When clicking Submit Log button in the form, a new log will be added to the list of cards below;
  • Each timeline item contains a title, a message and a formatted date like in the picture;
  • You should fork this repository and implement you solution inside the repo. Please provide a README file with instructions on how to run your app locally.

Hints

  • You can use any of these three frameworks to build your app: Vue, React or Angular;
  • You can use static data or generate it yourself. No need to request it from an API;
  • You may use a 3rd party library (for example, moment.js).
  • Please treat the design reference as a wireframe. Feel free to use you own design sense to improve the style.

Bonus Points

  • Show a confirmation modal when pressing delete button with "Yes/Cancel" buttons, and delete the selected log when pressing "Yes".
  • Write test cases for your app. These can be unit test or E2E with Jest, Karma, Nightwatch etc.
  • Feel free to add more features: we're curious about what you can think of. We'd expect the same if you worked with us!

What we will take into consideration

  • The code contains the mentioned components: Cards, Button, and optionally a modal
  • Reusability of the components
  • Code cleanliness and readability
  • Overall functionality

What we will NOT take into consideration

  • The framework you choose to build this app. You can even use vanilla web components if you'd like, so long as your code is clean and easy to understand.

If you have any questions at all, please don't hesitate to email [email protected] and we'll get back to you ASAP.

front-end-challenge's People

Contributors

mrjoexu avatar

Stargazers

 avatar

Watchers

 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.