|
1 | | -# Freemail Version 2 |
| 1 | +# 📬 Open-Temp-Mail |
2 | 2 |
|
3 | | -A modern, responsive frontend for the Freemail application, built with React, Vite, and Tailwind CSS. |
| 3 | +[](https://deploy.workers.cloudflare.com/?url=https://github.com/yourusername/open-temp-mail) |
| 4 | + |
| 5 | + |
| 6 | + |
4 | 7 |
|
5 | | -## Features |
6 | | -- **Modern UI**: Clean interface built with Tailwind CSS v4. |
7 | | -- **Authentication**: Secure login for Admins, Users, and Mailbox accounts. |
8 | | -- **Dashboard**: Overview of system status and mailboxes. |
9 | | -- **Mailbox Management**: |
10 | | - - **Favorites**: Star important mailboxes for quick access. |
11 | | - - **Filtering**: Easily filter by All, Favorites, or Forwarding status. |
12 | | - - **Forwarding**: Set up auto-forwarding rules for mailboxes. |
13 | | -- **Mailbox**: Real-time email listing and reading with sanitized HTML view. |
14 | | -- **Responsive**: Fully optimized for mobile and desktop. |
| 8 | +**Open-Temp-Mail** is a modern, high-performance temporary email service built for speed, privacy, and ease of deployment. Engineered with React, Vite, and Cloudflare Workers, it provides a seamless disposable email experience with a premium UI. |
15 | 9 |
|
16 | | -## Getting Started |
| 10 | +--- |
| 11 | + |
| 12 | +## ✨ Features |
| 13 | + |
| 14 | +- **🚀 Blazing Fast**: Powered by Cloudflare Workers for edge-latency global performance. |
| 15 | +- **🛡️ Privacy First**: Completely anonymous and disposable inboxes. |
| 16 | +- **🎨 Stunning UI**: A beautiful, dark-mode focused interface built with **Tailwind CSS v4**. |
| 17 | +- **📱 Fully Responsive**: Optimized for mobile, tablet, and desktop experiences. |
| 18 | +- **🔐 Secure Access**: Role-based authentication for Admins and Users. |
| 19 | +- **📨 Advanced Mailbox Tools**: |
| 20 | + - **⭐ Favorites**: Pin important inboxes for quick access. |
| 21 | + - **🔄 Forwarding Rules**: Set up auto-forwarding to real email addresses. |
| 22 | + - **👁️ Sanitized Viewing**: Safe HTML email rendering with XSS protection. |
| 23 | + - **🔍 Filtering**: Filter by All, Favorites, or Forwarding status. |
| 24 | + |
| 25 | +## 🛠️ Tech Stack |
| 26 | + |
| 27 | + |
| 28 | + |
| 29 | + |
| 30 | + |
| 31 | + |
| 32 | + |
| 33 | + |
| 34 | +## 🚀 Getting Started |
17 | 35 |
|
18 | 36 | ### Prerequisites |
19 | | -- Node.js 18+ |
20 | | -- Backend Cloudflare Worker running locally (default port 8787). |
| 37 | +- **Node.js** 18+ |
| 38 | +- **Cloudflare Account** (for Workers & D1) |
21 | 39 |
|
22 | 40 | ### Installation |
23 | | -1. Install dependencies: |
24 | | - ```bash |
25 | | - npm install |
26 | | - ``` |
27 | 41 |
|
28 | | -2. Start the development server: |
29 | | - ```bash |
30 | | - npm run dev |
31 | | - ``` |
| 42 | +1. **Clone the repository** |
| 43 | + ```bash |
| 44 | + git clone https://github.com/yourusername/open-temp-mail.git |
| 45 | + cd open-temp-mail |
| 46 | + ``` |
32 | 47 |
|
33 | | -3. Open `http://localhost:5173` in your browser. |
| 48 | +2. **Install Dependencies** |
| 49 | + ```bash |
| 50 | + npm install |
| 51 | + ``` |
34 | 52 |
|
35 | | -## Configuration |
36 | | -The frontend is configured to proxy API requests to `http://localhost:8787`. |
37 | | -To change this, edit `vite.config.ts`. |
| 53 | +3. **Run Development Server** |
| 54 | + ```bash |
| 55 | + npm run dev |
| 56 | + ``` |
| 57 | + Visit `http://localhost:5173` to view the app. |
38 | 58 |
|
39 | | -## Deployment |
40 | | -See [DEPLOY.md](DEPLOY.md) for detailed instructions. |
| 59 | +## 📦 Deployment |
| 60 | + |
| 61 | +Open-Temp-Mail is designed to be deployed effortlessly to Cloudflare. |
41 | 62 |
|
42 | 63 | ### One-Click Deployment |
43 | | -For a quick setup, run: |
| 64 | +For a quick setup, run the automated setup script: |
44 | 65 | ```bash |
45 | 66 | npm run deploy:setup |
46 | 67 | ``` |
47 | | -This script will automate resource creation, configuration, and deployment. |
| 68 | +This script will automate resource creation (D1 User DB), configuration, and initial deployment. |
48 | 69 |
|
49 | 70 | ### Manual Deployment |
50 | | -To build for production manually: |
| 71 | +For granular control over the deployment process, please refer to the detailed **[DEPLOY.md](./DEPLOY.md)** guide. |
| 72 | + |
| 73 | +## 📂 Project Structure |
| 74 | + |
51 | 75 | ```bash |
52 | | -npm run build |
| 76 | +open-temp-mail/ |
| 77 | +├── 📂 src/ # React Frontend Data & Components |
| 78 | +├── 📂 worker/ # Cloudflare Worker Backend Logic |
| 79 | +├── 📂 scripts/ # Setup & Utility Scripts |
| 80 | +├── 📜 wrangler.toml # Cloudflare Configuration |
| 81 | +└── 📄 package.json # Project Dependencies |
53 | 82 | ``` |
54 | | -The output will be in the `dist` directory, which is served by the Cloudflare Worker. |
| 83 | + |
| 84 | +--- |
| 85 | + |
| 86 | +<p align="center"> |
| 87 | + Built with ❤️ by the Open Source Community |
| 88 | +</p> |
0 commit comments