Skip to content

Build a simple one-page app for tracking your daily mood, based off the design reference.

Notifications You must be signed in to change notification settings

frankli-dev/SimpleJournal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 🐼

React_App React_App React_App

Run Script

yarn install
yarn start

About

Build a simple one-page app for tracking your daily mood, based off the design reference.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published