DEV Community

Mayank Chawdhari
Mayank Chawdhari

Posted on

Referal-System Web Application

Referral Code System

image

This project is a sleek, modern referral code application system designed to enhance user engagement by offering rewards for referring others. The system features a beautifully designed UI, with smooth animations and particle effects to create an engaging user experience. The system is integrated with a backend that handles the validation of referral codes, tracks their usage, and ensures that users are rewarded appropriately.

Features

  • Smooth UI with Particle Effects: The front end is built with a stunning design that incorporates Three.js for animated particle backgrounds, making the user experience engaging and visually appealing.
  • Interactive Form: The referral code entry form features animated labels and a responsive layout to ensure usability on all devices.
  • Popup Notifications: The system uses the PopupPro module to show success and error notifications with smooth animations.
  • Secure Backend: The backend is built using PHP and MySQL, ensuring secure handling of user data and referral code validation.
  • Expandable Design: The system is built with scalability in mind, making it easy to add new features like reward tracking, coupons, and admin management.

📈 Roadmap

  • Add Users Referral Code: Allow users to generate and share their own referral codes.
  • Rewards Page: A dedicated page where users can view their earned rewards and track progress.
  • Coupons Page: Integration with a coupon system to allow users to redeem rewards as discounts.
  • Admin Panel: A robust admin panel for managing users, tracking referral codes, and analyzing engagement metrics.

🛠️ Technologies Used

  • Frontend:

    • HTML5, CSS3 (including Flexbox and CSS Grid)
    • JavaScript (ES6+)
    • Three.js for the particle background animation
    • PopupPro for notifications
  • Backend:

    • PHP
    • MySQL for database management
  • Libraries & Tools:

    • Google Fonts and Material Icons for a modern look and feel.
    • Git for version control.

🧑‍💻 Developed By: Mayank Chawdhari AKA BOSS294

Mayank Chawdhari, known as BOSS294, is a passionate developer with a knack for creating visually appealing and user-friendly applications. With a deep understanding of web technologies and a strong sense of design, Mayank focuses on building projects that are not only functional but also offer a delightful user experience.

🔗 GitHub Profile

📄 How to Use

  1. Clone the repository:
   git clone https://github.com/BOSS294/referral-system.git
Enter fullscreen mode Exit fullscreen mode
  1. Install Dependencies:

    • Ensure you have a PHP server and MySQL database set up.
    • Update the database credentials in the db.php file.
  2. Run the Application:

    • Start your PHP server and access the application through your web browser.
  3. Submit a Referral Code:

    • Enter your name and a valid referral code to see the system in action.
    • Success and error messages will be displayed via popups.

📚 Documentation

Detailed documentation is available in the docs/ folder of this repository, including setup instructions, API details, and examples.

🤝 Contributing

Contributions are welcome! Please read the CONTRIBUTING.md file for more information on how to get involved.

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.


Made with 💻 & ☕ by Mayank Chawdhari AKA BOSS294.

Top comments (0)