https://simplejournal-react.netlify.app/
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 💝 )
yarn install
yarn start