Astrology Website - Braj Mohan Ray

A modern, responsive astrology consultation website with bilingual support (Hindi/English).

📁 Project Structure

/
├── index.html                    # Main HTML file
│
├── assets/                       # All assets
│   ├── css/
│   │   └── styles.css          # All CSS styles
│   ├── js/                      # JavaScript modules
│   │   ├── config.js          # Configuration & constants
│   │   ├── translations.js    # Translation data
│   │   ├── language.js        # Language management
│   │   ├── navigation.js       # Navigation & scroll
│   │   ├── forms.js           # Form handling
│   │   ├── horoscope.js        # Horoscope features
│   │   ├── horoscope-data.js   # Horoscope content
│   │   ├── animations.js       # Scroll animations
│   │   └── main.js             # Application entry point
│   └── images/                  # Image assets (add your images here)
│
├── docs/                         # Documentation
│   ├── EMAILJS_SETUP.md        # EmailJS setup guide
│   ├── MIGRATION_NOTES.md      # Migration documentation
│   ├── PROJECT_STRUCTURE.md     # Project structure guide
│   └── README_MODULAR.md       # Modular architecture guide
│
└── README.md                     # This file

🚀 Quick Start

1. Open the website: Simply open index.html in a web browser

2. Local Development: For better development experience:

   # Using Python 3
   python -m http.server 8000
   
   # Using Node.js
   npx http-server
   
   # Then visit http://localhost:8000

✨ Features

• ✅ Fully responsive (mobile, tablet, desktop)
• ✅ Bilingual support (Hindi/English) with toggle
• ✅ Modern navigation with scroll progress
• ✅ Contact form with EmailJS integration
• ✅ Interactive horoscope (Daily/Weekly/Monthly)
• ✅ Smooth scroll animations
• ✅ Back-to-top button
• ✅ Active navigation highlighting
• ✅ Modular architecture for easy maintenance

🔧 Configuration

All settings are in assets/js/config.js:

• EmailJS credentials
• Contact information
• Language settings
• Scroll settings

📧 Email Setup

The contact form uses EmailJS. See docs/EMAILJS_SETUP.md for setup instructions.

Current Configuration:

• Service ID: service_5y7wckg
• Template ID: template_qas6t4u
• Public Key: NqlyqvEAnvQpdSYNj
• Recipient: binny.ray@gmail.com

🌐 Languages

• Hindi (हिंदी) - Default
• English - Toggle available

📱 Responsive Breakpoints

• Desktop: > 1024px
• Tablet: 768px - 1024px
• Mobile: < 768px
• Small Mobile: < 480px

🛠️ Maintenance

Updating Content

• Translations: assets/js/translations.js
• Horoscope Data: assets/js/horoscope-data.js
• HTML: index.html
• Styles: assets/css/styles.css

Adding Features

1. Create new module in assets/js/
2. Follow existing module patterns
3. Initialize in assets/js/main.js
4. Update documentation

📚 Documentation

• docs/README_MODULAR.md - Modular architecture guide
• docs/EMAILJS_SETUP.md - EmailJS configuration
• docs/PROJECT_STRUCTURE.md - Project organization
• docs/MIGRATION_NOTES.md - Migration details

🎨 Customization

Colors

Edit CSS variables in assets/css/styles.css:

:root {
    --primary-color: #d4af37;
    --secondary-color: #8b6914;
    /* ... */
}

Images

Place images in assets/images/ and update paths in HTML.

📞 Contact Information

• Phone: +91 98254 70377
• Email: binny.ray@gmail.com
• WhatsApp: +91 98254 70377

🔒 Security Notes

• EmailJS Public Key is safe to expose (frontend only)
• No sensitive data stored in frontend code
• Form validation on client-side

📄 License

This is a client project. All rights reserved.

🆘 Support

For issues or questions, refer to the documentation in the docs/ folder.