Referal-System Web Application

Referral Code System

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

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.

The above is the detailed content of Referal-System Web Application. For more information, please follow other related articles on the PHP Chinese website!