Project Overviewlink

WEvoice is a mobile-oriented voice generation and translation PWA HTML template, covering business pages such as registration/login, home, AI voice, translation, subscription, and notifications. It provides a unified UI style and responsive layout, suitable for quickly building frontend prototypes of voice apps or for learning reference.

Tech Stacklink

• HTML5 + CSS3 (Native + Bootstrap 5)
• JavaScript (jQuery, Slick Slider, Bootstrap JS)
• SVG Vector Icons (Remix Icon)
• Static Assets (No build tools, runs directly in browser)

Project Structurelink

wevoicehtml-10/Main File/
├── Documentation/
│   ├── index.html
│   └── assets/
└── Voice Generation and Translation Mobile App PWA HTML Template - We Voice/
    ├── splash.html
    ├── sign-in.html
    ├── homeScreen.html
    ├── aiVoiceAudio.html
    ├── translateTo.html
    └── assets/
        ├── css/
        ├── javascript/
        └── images/

Core File Descriptionlink

• splash.html — App splash screen, includes preloading animation and logo.
• homeScreen.html — Home page, displays main feature entries and recommended content.
• aiVoiceAudio.html — Voice generation page, provides text-to-speech UI.
• translateTo.html — Translation page, supports language switching and result display.
• assets/css/style.css — Global styles, includes colors, spacing, buttons, etc.
• assets/javascript/script.js — Interaction scripts, handles page navigation, form validation, etc.

Quick Startlink

1. Download or clone the project to your local machine.
2. Open splash.html (or index.html) directly in your browser to preview all pages.
3. If you need a local server (for cross-origin or PWA testing), run the following in the project root directory:
   bashcontent_copyCopy

   python -m http.server 8000
   

   Then visit http://localhost:8000/.

Usage Suggestionslink

• Replace the logo and illustrations in assets/images/ to quickly achieve branding.
• Adjust theme colors in assets/css/style.css to implement dark/light mode switching.
• To truly implement PWA, you need to add manifest.json and Service Worker; currently, this is only a UI template.