DearDiary is a personal, privacy-first digital diary built with React, designed to support and improve mental well-being. The app allows users to reflect on their day by selecting from five simple emojis and adding notes about how they felt and how they slept. By encouraging regular emotional check-ins, DearDiary helps users build awareness of their mental health over time — without sharing data or requiring an internet connection.
All entries are stored securely on the user’s device using local storage, meaning nothing is ever uploaded or tracked. This makes DearDiary a safe space for honest self-reflection, ideal for users seeking a calming, judgment-free journaling experience.
- Add a daily entry with:
- Emoji-based mood tracking
- Emoji-based sleep quality tracking
- Personal notes for each
- View past entries
- Simple, clean, and responsive design
- 100% offline — no data is ever sent or stored online
All diary entries are stored locally in the browser using LocalStorage. No account, no login, no server — your data stays with you.
-
Clone the repository:
git clone https://github.com/Toonvb-com/DearDiary.git cd deardiary -
Install dependencies:
npm install npm install sass
-
Start the development server:
npm start
- React
- LocalStorage API
- HTML/CSS
All rights to this project are reserved by Toon van Berkel. You are free to use, modify, and share this code for personal or educational purposes. Commercial use or redistribution is not allowed without explicit permission.
Made with ❤️ to help others reflect, grow, and feel better every day.