Giter VIP home page Giter VIP logo

challenge-todo-app's Introduction

logo_ironhack_blue 7

React Todo-list challenge

< Frontend Test >

What is this about:


The purpose of this test is to know your ability to create a small functional single page application in a limit of time. Below you’ll find the features, the requirements and the key points you should keep on mind while developing.

What we’ll evaluate


  • The final product.
  • The use of ES6 features is allowed and encouraged.
  • The use of CSS processors (Sass, LESS...) is allowed and encouraged.
  • The following are a bonus points for the candidate:
    • ✓ Code quality
    • ✓ Mobile support
    • ✓ Application structure
    • ✓ User Interface
    • ✓ Planning session ( README, Kanban etc.. )

What we want you to do


We want you to start simple and focus on a working product. At the same time this challenge has no limitations and we encourage you to be creative in terms of functionality and style (includes frontend and backend).


Example User stories

  • Create todo As a user I want to create a new todo/task with title and body and save it in the database.
  • List todos As a user I want to see all my todos in a list.
  • Delete todo As a user I want to delete a todo from the list when I don't want it anymore.

Backlog

  • Update todo A a user I want to be able to modify an existing todo.
  • Done As a user I want to mark my todo as done.
  • Move todos As a user I want to rearrange my todos.
  • etc...

Provided material


  • Fork and clone this repository.
  • Run the following commands:
cd challenge-todo-app
npm install
npm start

You will get intstuctions about installation and how to access the Todo REST api there.


Delivery requirements


  • Push your application to GitHub and send the repository url on Slack.
  • The application should include connection between the backend and the frontend.
  • It should show a list of todos/tasks.
  • It should include a form to add todos/tasks.
  • The solution must run properly
  • A text file with any instruction required for compiling and/or running the application should be provided as it would be directed to a no technical user.

Delivery extra (not required)

  • Complete CRUD.
  • Any kind of look & feel or usability improvement for showing your ability/experience in making attractive UI/UX will be evaluated.
  • Any extra comment explaining about what was done or what the candidate would had wanted to improve but didn’t due to lack of time, will be appreciated and evaluated.

🤩 Good Luck! 🤩

challenge-todo-app's People

Contributors

annaclf avatar tawebbcn 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.