A Vue.js application that generates personalized mythological stories based on your zodiac signs and birthday. Each story is uniquely crafted to incorporate elements from both Western and Chinese astrology, creating an immersive narrative experience.
- Birthday-Based Story Generation: Enter your birthday to start your unique mythological journey
- Dual Zodiac Integration: Combines both Western and Chinese zodiac elements
- Custom Avatar Generation: Creates a personalized avatar based on your zodiac signs
- 3D Model Support: Generates a 3D model of your avatar for enhanced visualization
- Daily Chapter Updates: Receives 30 new chapters each day
- Premium Content: Access to full story with subscription (PayPal integration)
- Mythological Elements: Features well-known mythological entities and heroes
- Vue.js 3
- Webpack
- Tailwind CSS
- Pinia for state management
- Vue Router for navigation
- PayPal payment integration
- Lucide icons
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone [repository-url]
cd mythical-journey- Install dependencies:
npm install- Start the development server:
npm run devsrc/
├── components/ # Reusable Vue components
├── views/ # Page components
├── stores/ # Pinia stores
├── services/ # API services
├── utils/ # Utility functions
└── assets/ # Static assets
The application integrates with several APIs:
- Avatar Generation API
- Story Generation API
- 3D Model Generation API
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Zodiac calculations based on traditional astrological systems
- Story generation inspired by classical mythology
- Avatar design influenced by both Western and Eastern art styles