💰 Online Earning Opportunities

A beautiful, multilingual static website showcasing hundreds of legitimate and reliable ways to earn money online.

🌟 Features

• 📱 Responsive Design - Works perfectly on desktop, tablet, and mobile devices
• 🌐 Multilingual Support - Vietnamese and English
• 🔍 Search & Filter - Find opportunities by name, description, or category
• 🎨 Modern UI - Beautiful dark theme with smooth animations
• 📊 Organized Categories - 15+ categories with 100+ earning opportunities

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• No server or build tools required - it's a static website!

Installation

1. Clone the repository:

git clone https://github.com/yourusername/onlineearning.git
cd onlineearning

2. Open index.html in your web browser:

# On macOS
open index.html

# On Linux
xdg-open index.html

# On Windows
start index.html

Or simply double-click the index.html file.

📁 Project Structure

onlineearning/
├── index.html          # Main HTML file
├── styles.css          # Stylesheet
├── script.js           # JavaScript functionality
├── data.js             # Website data (Vietnamese & English)
├── translations.js     # Translation strings
├── README.md           # This file
└── guide.md            # Original list of earning opportunities

🤝 Contributing

We welcome contributions! Here's how you can help improve this project:

Contribution Workflow

1. Fork the Repository

   • Click the "Fork" button at the top right of the repository page
   • This creates a copy of the repository in your GitHub account

2. Clone Your Fork

   git clone https://github.com/YOUR_USERNAME/onlineearning.git
   cd onlineearning

3. Create a Branch

   git checkout -b feature/your-feature-name
   # or
   git checkout -b fix/your-bug-fix

4. Make Your Changes

   • Add new earning opportunities to data.js
   • Improve translations in translations.js
   • Fix bugs or enhance features
   • Update documentation

5. Test Your Changes

   • Open index.html in your browser
   • Test all functionality (search, filter, language switch)
   • Ensure the website works on different screen sizes

6. Commit Your Changes

   git add .
   git commit -m "Add: description of your changes"

   Commit Message Guidelines:

   • Use prefixes: Add:, Fix:, Update:, Remove:, Refactor:
   • Be descriptive and concise
   • Examples:
     • Add: new survey website SurveyMonkey
     • Fix: typo in Vietnamese translation
     • Update: improve mobile responsive design

7. Push to Your Fork

   git push origin feature/your-feature-name

8. Create a Pull Request (PR)

   • Go to the original repository on GitHub
   • Click "New Pull Request"
   • Select "compare across forks"
   • Choose your fork and branch
   • Fill out the PR template:
     • Title: Clear description of changes
     • Description: Explain what you changed and why
     • Type: Feature, Bug Fix, Documentation, etc.
   • Click "Create Pull Request"

9. Review Process

   • Maintainers will review your PR
   • Address any feedback or requested changes
   • Once approved, your PR will be merged into master

What Can You Contribute?

• ✅ Add New Earning Opportunities

  • Add new websites to data.js
  • Include name, URL, and description in both Vietnamese and English

• ✅ Improve Translations

  • Fix translation errors
  • Add missing translations
  • Improve translation quality

• ✅ Fix Bugs

  • Report bugs by creating an issue
  • Fix existing bugs

• ✅ Enhance Features

  • Improve search functionality
  • Add new filter options
  • Enhance UI/UX

• ✅ Update Documentation

  • Improve README
  • Add code comments
  • Create tutorials

Code Style Guidelines

• Use meaningful variable and function names
• Add comments for complex logic
• Keep code clean and readable
• Follow existing code structure
• Test your changes before submitting

PR Checklist

Before submitting your PR, make sure:

• Your code works correctly
• You've tested on multiple browsers
• You've tested responsive design
• Translations are complete (if adding new content)
• No console errors
• Code follows existing style
• Commit messages are clear

📝 Adding New Earning Opportunities

To add a new website to the list:

1. Open data.js
2. Find the appropriate category
3. Add a new entry in the websites array:

{
    name: "Website Name",
    url: "https://example.com",
    description: "Description in Vietnamese"
}

4. Add English translation to websiteDescriptionsEN object in data.js:

"Website Name": "Description in English"

5. Test that it appears correctly in both languages

🌍 Language Support

Currently supported languages:

• 🇻🇳 Vietnamese
• 🇬🇧 English

Want to add more languages? Follow the same pattern in translations.js and data.js!

📄 License

This project is open source and available under the MIT License.

🙏 Acknowledgments

• Original list from Awesome Online Earning
• All contributors who help improve this project

📧 Contact

Have questions or suggestions? Open an issue on GitHub!

---

Happy Earning! 💰