msarava/test_technique_sog

Introduction

This is a technical challenge to candidate in Sogeti company.

Front-End

• HTML, CSS, React and MUI librairies to make it simple and fast.
• Deployment using gh-pages package for Github Pages

Back-End

• Node.Js with Express
• Deployment using Heroku

Database

Sqlite3 library and Sequelize ORM

---

Context

Our fantastic product owner has a wonderful, amazing and revolutionary idea... he wants to build a new Todo application. He has a good idea of the application behavior and comes with a backlog containing the following user stories :

User stories

1 : List my TODOs

Description :

As a user I would like to list my current todos

Acceptance criterias :

• Each todo could have, at minimal, a related state and title
• Some hard-coded todos will be initialized in this context to demonstrate the tool

2 : Change a TODO state

Description :

As a user I would like to change a todo state by checking a "box"

Acceptance criterias :

• When a todo is done, it should be placed at the bottom of the list and should be crossed out

3 : Detail a TODO

Description :

As a user I would like to display one of my todo in a separate or dedicated view. This todo will contain its title and a description (which is a new information not shown in the previous view).

Acceptance criterias :

• We can click on a todo (by any way) to access the details view of the todo
• The todo could be accessed via a unique URL

4 : Add a new TODO

Description :

As a user I would like to add a new todo in my list

Acceptance criterias :

• The todo title is required
• The todo description can be empty
• The newly created todo has to be on top of the list of todos
• You are free to choose the design / interaction

Technical environment

You're working in the WebFactory which provides the following technical recommendations :

• The backend application should be based on your preferred languages (Java , JS, PHP, Python, Go, C++, ...) and/or Framework (Spring Boot, Django, .NetCore , NodeJS, Angular, React, ...)
• To keep the UI simple
• Code quality is very important, so all the code has to be covered by unit tests
• Each user story should be realized in its own commit on master
• The product owner is curious and likes to read the application code on Github and test it via Github Pages
• The application should have a mocked backend and store all todos on it (extension of HttpXhrBackend)

Bonus

You can add any new functionality in this wonderful project if you want to, in order to satisfy your PO 😉