https://github.com/mo3bassia/journal-react-app
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.
https://github.com/mo3bassia/journal-react-app
frontend react react-day-picker vite vite-pwa
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/mo3bassia/journal-react-app
- Owner: Mo3bassia
- Created: 2024-12-03T20:39:11.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-23T16:05:06.000Z (10 months ago)
- Last Synced: 2024-12-23T17:20:25.504Z (10 months ago)
- Topics: frontend, react, react-day-picker, vite, vite-pwa
- Language: JavaScript
- Homepage: https://journal-mo3bassias-projects.vercel.app/
- Size: 1.35 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Journal App 📝 (v2.0.0)
> **Visit the live site: [Journal React App](https://journal-mo3bassias-projects.vercel.app/)**
> **🤖 Version 2.0.0 was developed with the assistance of AI, specifically using [Windsurf by Codeium](https://codeium.com/windsurf), 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
```sh
git clone https://github.com/yourusername/journal.git
```
2. Install NPM packages
```sh
npm install
```
3. Start the development server
```sh
npm run dev
```
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.