The goal of this exercise is to create a demo calendar application using React. We strongly recommend create-react-app to make the bootstrapping of your application really easy.
Please don't use a calendar
library, we would like to see your own calendar logic.
You should start by rendering a single month view of a calendar for the current month – along with the lines of the calendar
image in this project.
- You need to use one of the following state management libraries: Relay, Apollo, MobX or Redux
- Ability to add a new “reminder” (max 30 chars) for a user entered day and time.
- Display reminders on the calendar view in the correct time order.
- Allow the user to select a color when creating a reminder and display it appropriately.
- Properly handle overflow when multiple reminders appear on the same date.
- Ability to edit reminders – including changing text, day and time & color.
- Ability to delete reminders.
- Expand the calendar to support more than the current month.
- The data should be retained across different page views, but it’s not necessary to persist it beyond a browser refresh.
- Here at Codelitt we make products for humans, this means that we will evaluate the UX of the exercise.
Functionality | Possible Points | |
---|---|---|
Matches the proposed requirements | 25 | |
Console do not display any error/warning | 10 | |
User Experience | 15 | |
Code Quality | -- | |
Code format, readability, maintainability, etc. | 10 | |
Folders and packages structure | 10 | |
Separation of components and logic by clear responsibilities | 20 | |
Testing | -- | |
Has tests | 5 | |
Documentation | -- | |
Has a README.md with instructions | 5 | |
Total | 100 |
- If you deploy the application in any server and share the link with us
- If provide thoughts on what you could improve on your code given more time and incentives
No, this is a simply frontend exercise.
For every exercise we have two senior frontend engineers from our team reviewing the code and the functionality and giving a score for each line item as shown in the previous table.
To deliver the exercise, you should clone this repository and work on a new branch. When you'll consider it completed, just push the branch and open a Merge Request.
By default we only send the result, however you can feel free to request the full evaluation and we will share it with you as well as the final score.