gabysantosw / daily-mantra

Simple webapp that shows you a new 'mantra' to use as a pilar of motivation through the day.

Daily Mantra

Simple webapp that shows you a new 'mantra' to use as a pilar of motivation through the day.

Implementation

Design: Figma

Development: Vue (+Vue CLI), Fetch API and get data from a public Google Sheet.

Images: Textures collection by Annie Spratt

Current state

v0.1.4 - Info section

Roadmap (upcoming)

Timeline (releases)

v0.1.3 - Randomized background

• Generate random color-texture pairs
• Save style to local storage with each quote
• Refactoring

v0.1.2 - Bug fixes

• Handle fetching errors
• Height overflow

v0.1.1 - UI design

• Implement base design
• Reveal animation to ease the user's wait

v0.1.0 - MVP

• Display a quote and show today's date
• Get quotes from a public Google Spreadsheet
• Save quote on localStorage so it doesn't gets repeated through the day