Perosonal Diary

• 

  Personal diary

✨ Digital Diary & Productivity Web App 🎯 Inspiration In today’s fast-paced world, people often struggle to keep track of their thoughts, goals, and daily routines in one place. I wanted to build a digital space where users could manage their mental well-being, productivity, and personal growth through a clean, integrated platform. Traditional diary apps felt too isolated, and task apps lacked personal reflection features—so I created something that merges both worlds.

🛠️ How I Built It I developed this as a full-stack web application with the following technologies:

Frontend: Next.js (React) for a seamless and responsive user interface

Backend & Database: Supabase for real-time database operations, secure authentication, and user data storage

Styling: Tailwind CSS for consistent and fast UI styling

Deployment: Netlify with GitHub integration for continuous deployment

APIs: OpenWeatherMap API for weather data integration

The app includes features like:

Daily diary journaling with mood tracking

Calendar view for past and upcoming entries

To-do list and daily goal tracker

Weather integration to tag entries with local weather info

💡 What I Learned Implementing a multi-feature UI while maintaining clarity and usability

Using Supabase row-level security to ensure user privacy

Creating intuitive user workflows for tasks, notes, and calendar navigation

Integrating third-party APIs like OpenWeatherMap and managing API keys securely

Building a unified experience that blends productivity and personal reflection

🧱 Challenges I Faced Designing an interface that supports multiple daily tools without overwhelming users

Structuring the database to handle diary entries, goals, and weather logs efficiently

Handling Supabase table errors and permission settings during early stages

Ensuring secure and smooth deployment with GitHub branch management on Netlify

Syncing real-time weather data with user entries in a reliable way

🚀 What’s Next Add voice journaling and speech-to-text input

Introduce mood and habit analytics with personalized insights

Enable journal sharing or community prompts for inspiration

Offer offline mode with local sync

Add user customizations like themes, emojis, and reminder notifications

Built With

• chart.js
• date-fns
• javascript
• lucid
• netlify
• nextjs
• openweathermap
• react
• react-calendar
• shadcn/ui
• sonner
• supabase
• tailwindcss
• tiptap
• typescript
• zustand