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
-
Clone the repository:
git clone https://github.com/BOSS294/referral-system.git
Copy after login
-
Install Dependencies:
- Ensure you have a PHP server and MySQL database set up.
- Update the database credentials in the db.php file.
-
Run the Application:
- Start your PHP server and access the application through your web browser.
-
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!