https://github.com/adelelawady/whisper-ink
Secret Message is a modern web application that allows users to create and manage anonymous message walls. Users can create both public and password-protected walls, share them with others, and receive anonymous messages.
https://github.com/adelelawady/whisper-ink
Last synced: 5 months ago
JSON representation
Secret Message is a modern web application that allows users to create and manage anonymous message walls. Users can create both public and password-protected walls, share them with others, and receive anonymous messages.
- Host: GitHub
- URL: https://github.com/adelelawady/whisper-ink
- Owner: adelelawady
- License: mit
- Created: 2024-11-23T22:13:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-29T22:08:40.000Z (over 1 year ago)
- Last Synced: 2025-04-14T18:57:33.050Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://adelelawady.github.io/whisper-ink/
- Size: 5.14 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Secret Message - Anonymous Message Wall
Secret Message is a modern web application that allows users to create and manage anonymous message walls. Users can create both public and password-protected walls, share them with others, and receive anonymous messages.
💬 [Send Anonymous Message To Me](https://adelelawady.github.io/whisper-ink/#/send/e35432cc-0b61-441c-b13d-29fda226498f)
🔴 [Live Demo](https://adelelawady.github.io/whisper-ink/)
[Download Android Apk v1](https://github.com/adelelawady/whisper-ink/releases/download/andoird_v1/Secret-Message.apk/)
## Features
- 🔒 Create public or password-protected message walls
- 📝 Send anonymous messages to any wall
- 💬 Comment on messages (for authenticated users)
- 🎨 Beautiful and responsive UI
- 👤 User authentication
- 🌙 Modern avatar system
- 📱 Mobile-friendly design
## Tech Stack
- **Frontend:**
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
- React Query
- **Backend:**
- Supabase (Authentication, Database)
## Getting Started
1. Clone the repository:
```
git clone https://github.com/yourusername/secret-message.git
cd secret-message
```
2. Install dependencies:
```
npm install
```
3. Set up environment variables:
Create a `.env` file with your Supabase credentials:
```
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
```
4. Run the development server:
```
npm run dev
```
## Android and iOS Platforms
### Step 1: Build Your Web App
Before syncing your app to the native platforms, make sure to build your web app for production.
```
npm run build `
```
This will create a production build of your web app in the dist or build folder.
### Step 2: Sync the Web App with Native Platforms
Once the build is ready, sync the web app with the Android and iOS platforms:
```
npx cap sync
```
This will copy the web build into the native projects (android and ios folders).
### Step 3: Open and Build Native Projects
Now, open the Android or iOS project in their respective IDEs to run and build the app.
1.
```
npx cap open android
```
This will open Android Studio. From there, you can build and run the app on an emulator or a physical device.
2.
```
npx cap open ios
```
This will open Xcode, where you can build and run the app on an iOS simulator or a physical device.
## Usage
1. **Create a Wall:**
- Sign in to your account
- Click "Create New Wall"
- Set a title and optional password
2. **Share Your Wall:**
- Copy the wall's share link
- Send it to friends
3. **Receive Messages:**
- Anyone with the link can send anonymous messages
- If the wall is password-protected, viewers need the password
4. **Manage Messages:**
- View all messages on your walls
- Authenticated users can comment on messages
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Support
If you have any questions or need help, please open an issue in the repository.