The latest articles on DEV Community by Achraf Bouzekri (@achraf_bouzekri_ca307cfd3). https://dev.to/achraf_bouzekri_ca307cfd3 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3577302%2F74dd4b6b-2432-438c-8c75-57154e3359b2.png https://dev.to/achraf_bouzekri_ca307cfd3 en Achraf Bouzekri Tue, 21 Oct 2025 16:03:48 +0000 https://dev.to/achraf_bouzekri_ca307cfd3/building-nudgepal-a-multilingual-bill-habit-hydration-tracker-with-react-native-expo-3d1d https://dev.to/achraf_bouzekri_ca307cfd3/building-nudgepal-a-multilingual-bill-habit-hydration-tracker-with-react-native-expo-3d1d <p>Hey everyone 👋 </p> <p>I’ve been experimenting with <strong>React Native + Expo</strong>, and I recently built a side project called <strong>NudgePal</strong> — a mobile app that combines <strong>bill tracking, habit tracking, and hydration reminders</strong>, all in one clean, multilingual interface. </p> <p>💡 <strong>Main Idea</strong><br> NudgePal helps users keep their personal life organized — from paying bills on time to staying hydrated — while supporting <strong>English, French, and Arabic (RTL)</strong> so it’s accessible globally. </p> <h3> ⚙️ Tech Stack </h3> <ul> <li> <strong>React Native + Expo</strong> for fast mobile development </li> <li> <strong>TypeScript</strong> for cleaner, safer code </li> <li> <strong>AsyncStorage</strong> for local persistence </li> <li> <strong>i18n-js</strong> for multilingual support (English, French, Arabic) </li> <li> <strong>Custom alert system</strong> for hydration reminders </li> </ul> <h3> 🧩 Key Features </h3> <ul> <li>📆 Bill management with due-date reminders </li> <li>✅ Habit tracking system </li> <li>💧 Hydration tracking with time-based notifications </li> <li>🌍 Multilingual UI (EN/FR/AR) </li> <li>🔄 Dark/light mode </li> </ul> <h3> 📱 Screenshots </h3> <p><em>(Add a few screenshots or a GIF of your app here — this makes your post stand out!)</em> </p> <h3> 🔗 GitHub Repo </h3> <p>👉 <a href="https://github.com/yourusername/nudgepal" rel="noopener noreferrer">Check out the code on GitHub</a> </p> <h3> 💬 Feedback </h3> <p>It’s still early, but I’d love <strong>feedback</strong> on:</p> <ul> <li>UI/UX flow </li> <li>Performance </li> <li>Feature ideas </li> </ul> <p>If you like this, drop a ⭐ on the repo or tell me what to improve next! </p> <p>Thanks for reading!<br><br> Follow me for future dev logs — I’ll share updates as NudgePal grows 🚀</p> reactnative expo mobiledev productivity Achraf Bouzekri Tue, 21 Oct 2025 10:55:07 +0000 https://dev.to/achraf_bouzekri_ca307cfd3/nudgepal-building-an-open-source-bill-tracker-with-react-native-522m https://dev.to/achraf_bouzekri_ca307cfd3/nudgepal-building-an-open-source-bill-tracker-with-react-native-522m <p>I'm excited to announce that <strong>NudgePal</strong>, my personal bill tracking and habit monitoring app, is now <strong>open source</strong>! 🎉</p> <p>NudgePal is a mobile application designed to help users manage their bills and build better habits. It's built with React Native and Expo, supporting iOS, Android, and Web platforms.</p> <h3> Key Features </h3> <ul> <li>💰 <strong>Bill Tracking</strong> - Manage bills efficiently with categorization</li> <li>🎯 <strong>Habit Monitoring</strong> - Track daily habits and routines</li> <li>💧 <strong>Smart Reminders</strong> - Get hydration reminders via notifications</li> <li>📅 <strong>Calendar View</strong> - Visualize your data over time</li> <li>🌍 <strong>Multi-Language</strong> - Support for English, French, and Arabic</li> <li>🌙 <strong>Dark Mode</strong> - Beautiful dark theme with automatic detection</li> <li>📊 <strong>Dashboard</strong> - Get insights into your patterns</li> </ul> <p><a href="https://github.com/CODINXPRO/nudgepal" rel="noopener noreferrer">https://github.com/CODINXPRO/nudgepal</a></p> reactnative react mobile opensource