emmastrienko / Journler-react

Journler App with Persistence

Problem Statement

Join millions of Journler users and create a healthier, happier mind. Journler helps increase positive energy and minimize the impact of negative mood swings, It facilitates user to be more grateful and have a calmer mind by building healthy thinkings through journaling.

User Story

1. As a User, I should be able to add new Journal item with details such as my mood (excited, happy, sad, angry, surprised), journal date, title and text.
2. As a User, I should be able to cancel the addition of new Journal item.
3. As a User, I should be able to view existing Journal items.
4. As a User, I should be able to view aggregated count for each of the moods.
5. As a User, I should be able to edit selected Journal item.
6. As a User, I should be able to delete selected Journal item.
7. As a User, I should be able to cancel the editing of selected Journal item.

Instructions

1. Download and unzip the boilerplate code.

2. Run the command npm install to install the dependencies.

3. Open the boilerplate code in VSCode to develop the solution.

4. The Journler App has to be designed using React Function Components inside App.js file.

   Note :: Read the comments provided in App.js file as guidelines towards developing the solution

5. State of the app should be managed using React Hooks.

6. The app should implement persistence using axios and json-server.

7. The journlerdb.json file should be used to persist journal items.

8. Refer to the Journler Mockup in file Journler.pdf for functional and UI requirements.

9. First test the solution locally, by running the command npm run test.

10. Refactor the solution to ensure all test cases are passing.

11. Zip the solution code with the name same as the assignment name.

12. Upload the zipped solution for submission