EchoLater is an innovative platform available as both a web application (PHP) and a full-featured Flutter mobile app. Users can write anonymous letters or messages, schedule them for future delivery, and attach voice notes or images. Messages can be public or private, with the option to reveal or hide the sender’s name.

The system includes a secure user login and registration system, token-based authentication, real-time notifications, and an advanced admin panel for moderating messages and media uploads. The interface is modern, responsive, and supports multi-language and RTL/LTR layouts.

EchoLater is perfect for anonymous confessions, personal reflections, community engagement, or sending messages to yourself or others in the future – whether on the web or mobile.

Web app (PHP) and complete Flutter mobile app

Write and schedule anonymous messages to the future

Supports text, audio/voice recordings, and image uploads

Public feed & private inbox

Show or hide sender name (anonymity option)

User registration, login, and token-based authentication

Real-time delivery and notifications

Admin panel for message and media moderation

Modern, mobile-friendly responsive design

Multi-language and RTL/LTR support

Free updates

Web server with PHP 7.4+ or PHP 8.x

MySQL 5.7+ or MariaDB

Flutter 3.x (for mobile app deployment)

Enabled PHP extensions: PDO, cURL, mbstring, GD

Apache/Nginx/LiteSpeed web server

Basic knowledge of hosting and FTP

Installation Instructions

Web & Backend Installation

1. Unzip and Upload Files
   • Unzip the script package and upload all files to your server (usually to public_html).
2. Create Database and Import
   • In your hosting control panel (e.g., cPanel), create a new MySQL database and user.
   • Import the database.sql file from the script package.
3. Edit Database Connection
   • Open config.php and update:

     php
     نسختحرير
     
     
     define('DB_HOST', 'localhost');
     define('DB_NAME', 'your_database');
     define('DB_USER', 'your_username');
     define('DB_PASS', 'your_password');
     
     
     
     
     

4. Update Secret Key
   • In /includes/jwt_utils.php, change the $secret_key variable to a secure, random value for your site.
5. Admin Panel Access
   • Login to the admin panel at:

     makefile
     نسختحرير
     
     
     https://yourdomain.com/admin_login.php
     Username: admin
     Password: admin
     
     
     
     
     

     Important: Change the admin password after your first login!

6. Update Settings
   • Update SEO settings, website name, and homepage translations as needed from the admin panel.
7. Configure AdMob
   • If using AdMob, update your AdMob unit IDs in the app settings.

Mobile App Installation (Flutter)

1. Import the Flutter Project
   • Open Android Studio, select "Open an existing project," and choose the Flutter app folder.
   • Run flutter doctor in the terminal to check for missing dependencies.
   • Connect your device or use an emulator, then run flutter run.
2. Update Server URL
   • In your Flutter project, update the base URL in:
     • lib/services/api_service.dart
     • lib/services/auth_service.dart
   • Example:

     dart
     نسختحرير
     
     
     static const String baseUrl = 'https://yourdomain.com';
     
     
     
     
     

3. Google Sign-In Setup
   • Generate a new OAuth 2.0 Client ID for your app on Google Cloud Console.
   • Download and replace the google-services.json in android/app/.
4. Customize App Name & Version
   • Change the app name in android/app/src/main/AndroidManifest.xml.
   • Change the version in android/app/build.gradle.kts.
5. Add/Change Logo & Splash
   • Place your logo in assets/images/ and splash in assets/splash.png.
   • Declare them in pubspec.yaml, then run flutter pub get.
6. Change App Icon
   • Replace the default icon files in android/app/src/main/res/mipmap-*.
7. Change Package Name
   • Edit all references to the package name in your Android project, or use:

     lua
     نسختحرير
     
     
     flutter pub run rename --bundleId com.yourcompany.yourapp
     
     
     
     
     

8. Configure Keystore for Release
   • Add your keystore to android/app, and update key.properties.
9. Update AdMob App ID
   • Change the AdMob ID in android/app/src/main/AndroidManifest.xml:

     xml
     نسختحرير
     
     
     <meta-data
         android:name="com.google.android.gms.ads.APPLICATION_ID"
         android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
     
     
     
     
     

For full details and screenshots, please refer to the included HTML documentation.
If you face any issue, check the “Troubleshooting” section in the docs.