Git Product home page Git Product logo

coding_challenge_vuejs's Introduction

Vue todos code challenge

vue-todos-code-challenge is a code challenge for Vue.JS developers applying for a job.

Scenario

So here you are! You decided to apply for a job and now we are asking you to help us with a Todo App. We already setup a brand new project for you that already contains a very basic Vue.js setup. Your task is now to finish the Todo App by completing the features to add, edit and delete todos and storing them only in the client storage.

Technical starting point

Our team was already able to complete the following:

  • Add vuex and create a default store
  • Add vuetify for UI components
  • Add vue-types for prop validation
  • Add the basic app and component structure

Mission

  • Clone this repository into your account
  • Create a named vuex module to hold your todos
  • Complete the CRUD features in the GUI and make sure they are reflected in the store
  • Make sure the todo-list component dynamically displays the todos
  • Write concise commit messages
  • Submit your git repository to [email protected] and describe your changes precisely

Bonus

Please note

  • Pay attention to your code style and structure, don't ignore the eslint hints.
  • Design your Vue components: use props, slots and whatever you need to keep your code clean.
  • Display well in Google Chrome.
  • Don't reinvent the wheel, use vuetify components when possible
  • Don't test browsers except latest Google Chrome
  • Don't pay special attention for responsive design

Feel free to

  • Improve the design to have better UI and UX.
  • Re-organize the codebase.
  • Use TypeScript.
  • Create new modules/methods/components.
  • Modify existing code.
  • Add new packages.
  • Edit README.md to add documentation.
  • Fix potential bugs

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

coding_challenge_vuejs's People

Contributors

armaaar avatar pangeatechnology avatar

Watchers

 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.