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.

Image of Timescale

πŸš€ pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applicationsβ€”without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more β†’

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more