🚀 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.
- 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.
- 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.
-
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.
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.
-
Clone the repository:
git clone https://github.com/BOSS294/referral-system.git
-
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.
Detailed documentation is available in the docs/
folder of this repository, including setup instructions, API details, and examples.
Contributions are welcome! Please read the CONTRIBUTING.md
file for more information on how to get involved.
This project is licensed under the MIT License. See the LICENSE
file for details.
Made with 💻 & ☕ by Mayank Chawdhari AKA BOSS294.