Deployed URL: https://liaowow.github.io/today-frontend/
TODAY features CRUD (Create, Read, Update, Delete) functionality for both a user and their journal entries.
When the page initially loads, the sidebar header dynamically renders:
- The current weather in the user's location (as an HTML5 animation) if the user allows location data to be shared
- The current time in a live clock, using Moment.js
The entries also track a user's current mood as it was entered at the time of creation, which is then used to display an overall trend of moods from past entries in a separate section. The background of the page also changes color to reflect the overall mood trend.
bootstrap- serves as the base for this app's css structure
moment.js- contains the script for displaying current time
skycons.js- contains the script for drawing weather icons
Rails- hosts the database server
Dark Sky- contains weather data and serves as source for this app's external weather API
We provided mock data using Faker (Ruby gem) and an image API from Unsplash to create both users and entries.
To test out the app with the richest pre-built data, log in with the usernames: