Reflect_Yourself

This is a Website for Tracing Your Day by Answering Some Specific Question Morning and Evening.

1
0
1
HTML
public

Reflect Yourself ๐ŸŒŸ

A beautiful daily reflection and gratitude journal web application with dual calendar support (AD and Nepali/Bikram Sambat).

Features

๐Ÿ“… Dual Calendar System

  • AD Calendar: Standard Gregorian calendar
  • Nepali Calendar: Bikram Sambat (BS) calendar with accurate conversion
  • Month navigation for both calendars
  • Synchronized date selection

๐Ÿ“ Daily Reflection Questions

โ˜€๏ธ Morning Questions (7 questions)

  1. What is the main task today?
  2. What am I going to give myself today?
  3. What am I going to give others today?
  4. What am I happy about right now?
  5. What are 10 things that I am grateful for in life?
  6. For what and for whom am I grateful in life?
  7. How can I increase my productivity today?

๐ŸŒ™ Evening Questions (5 questions)

  1. What did I do today to move closer to my aim or goal?
  2. Did my actions reflect my priorities or excuses?
  3. Where did I waste my energy or get distracted?
  4. If every day looked like today, would I hit my goal?
  5. Where am I winning in my life?

๐Ÿ“Š Progress Tracking

  • ๐ŸŸข Green: Complete (both morning and evening answered)
  • ๐ŸŸก Yellow: Partial (only one session answered)
  • ๐Ÿ”ด Red: Incomplete (missed day)
  • ๐Ÿ”ต Blue: Todayโ€™s date

๐Ÿ’พ Data Persistence

  • All answers saved in browser localStorage
  • No server required - completely offline capable
  • View and edit past entries anytime
  • Automatic save on submission

How to Use

  1. Open index.html in any modern web browser
  2. Select a date by clicking on any day in either calendar
  3. Answer morning questions when you wake up
  4. Answer evening questions before bed
  5. Track your progress visually on the calendars

Technologies Used

  • Pure HTML5
  • CSS3 with modern Flexbox/Grid layouts
  • Vanilla JavaScript (no dependencies)
  • LocalStorage API for data persistence
  • Custom Nepali-AD date conversion algorithm

Browser Support

Works on all modern browsers:

  • Chrome/Edge (recommended)
  • Firefox
  • Safari
  • Opera

Installation

No installation required! Simply:

  1. Download or clone this repository
  2. Open index.html in your browser
  3. Start reflecting!

Responsive Design

Fully responsive design works on:

  • ๐Ÿ’ป Desktop computers
  • ๐Ÿ“ฑ Tablets
  • ๐Ÿ“ฑ Mobile phones

Privacy

  • All data stored locally in your browser
  • No data sent to any server
  • No tracking or analytics
  • Complete privacy guaranteed

License

Free to use for personal reflection and growth.

About

Created to help build consistent reflection habits and track personal growth through daily introspection and gratitude practice.


Start your reflection journey today! ๐Ÿš€

v0.3.3[beta]