Live Demo

https://simplejournal-react.netlify.app/

Features (Checked options are done) 🐻

Design & Functionality

• Allow user to choose 1-5 rating for their day
• The custom 1-5 input affects multiple components, refer to the designs
• Allow user to enter and save a short message about why they felt that way today
• When the user saves the card, the list item should update with the rating and truncated message summary
• Saving the card replaces the save button with a saved timestamp
• User can select a day to view and edit past entries
• User can scroll horizontally without pagination for the current year (2020), starting at the current day
• When user hovers over list items, the opacity of each list item is increased
• Month at the bottom should update as the user scrolls in time

Bonus Points

• Save data via local storage
• Add hover/focus states to the buttons
• Add transitions for the card and list items on page load
• Add transitions when switching between cards
• Custom horizontal scrollbar implementation
• Make this responsive
• Whatever you think might make this better (Added Readme 💝 )

Screenshots 🐼

Run Script

yarn install

yarn start