Skip to content

A React-based journal app with bilingual support (English/Arabic) and a modern UI. Features include note organization with categories, pinned notes, dark mode, and PWA support for offline access. All data is stored locally for privacy.

Notifications You must be signed in to change notification settings

Mo3bassia/journal-react-app

Repository files navigation

Journal App 📝 (v2.0.0)

Visit the live site: Journal React App

🤖 Version 2.0.0 was developed with the assistance of AI, specifically using Windsurf by Codeium, revolutionizing the development process with intelligent pair programming.

📱 Features

  • 📝 Create, edit, and delete journal entries
  • 🌙 Dark mode support
  • 🌐 Bilingual support (English/Arabic)
  • 📅 Calendar view
  • 🔍 Search functionality
  • 📊 Statistics and analytics
  • 💾 Backup & Restore
  • 🎨 Grid/List view toggle
  • 😊 Enhanced mood tracking
  • 🎯 SEO optimized

🛠️ Built With

  • React
  • Tailwind CSS
  • React Router
  • React Icons
  • React Day Picker
  • Recharts
  • React Helmet Async

📝 Changelog

v2.0.0 (Latest)

  • ✨ Added comprehensive Statistics Page with mood analytics
  • 🎨 Added toggle view in Notes page (Grid/List view)
  • 🔍 Enhanced search functionality and empty state handling
  • 🎯 Added SEO optimization with react-helmet-async
  • 😊 Expanded emoji collection for better mood expression
  • 📊 Improved statistics visualizations
  • 🔄 Refined navigation bar and UI elements
  • 🚀 Various performance optimizations and bug fixes

v1.5.0

  • Added Backup & Restore functionality
  • Fixed future dates note creation bug
  • Enhanced UI/UX elements
  • Added new features to calendar
  • Improved Arabic translation
  • Fixed various bugs

v1.0.0

  • Initial release
  • Basic journal functionality
  • Dark mode
  • Bilingual support
  • Calendar integration

🚀 Getting Started

Prerequisites

  • Node.js
  • npm

Installation

  1. Clone the repo
    git clone https://github.com/yourusername/journal.git
  2. Install NPM packages
    npm install
  3. Start the development server
    npm run dev

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

About

A React-based journal app with bilingual support (English/Arabic) and a modern UI. Features include note organization with categories, pinned notes, dark mode, and PWA support for offline access. All data is stored locally for privacy.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages