Skip to content

A responsive coupon collection platform for Bangladesh, featuring authentication, dynamic banners, top brands, and seamless navigation. Save on your favorite brands effortlessly with Discount PRO.

Notifications You must be signed in to change notification settings

RaiyanJiyon/Discount-PRO

Repository files navigation

🌟 Discount PRO

A Coupon Collecting Application for Maximum Savings!

Welcome to Discount PRO, a responsive, user-friendly coupon collection platform tailored for the e-commerce landscape of Bangladesh. With this app, users can discover and utilize discount coupons effortlessly, saving time and money on their favorite brands.


🚀 Live Website Link

Explore the application live here: Discount PRO Live


📌 Key Features of Discount PRO

🔐 Authentication

  • Email & Password Login: Secure login system with validation.
  • Google Sign-In: Quick and easy access using Google authentication.
  • Dynamic User Experience: Logged-in users see their name and profile picture on the header.

🖥️ Responsive Design

  • Optimized for mobile, tablet, and desktop devices.
  • Ensures seamless navigation across all screen sizes.

💡 Key Functionalities

  1. Home Page

    • Dynamic Banner Slider: Highlighting exciting offers.
    • Top Brands Section: Scroll through brand logos with React Fast Marquee. Hover to pause.
    • Brands on Sale: Displays active deals with brand information and coupon counts.
    • Additional Sections: Custom static or dynamic sections to enhance user engagement.
  2. Brands Page

    • Search and browse all available brands.
    • Click on brands to explore their active coupons.
    • Redirection to brand details for logged-in users or to login if unauthenticated.
  3. Coupon Details Page

    • View brand logo, rating, and detailed coupon information.
    • Copy coupon codes with a single click using react-copy-to-clipboard.
    • Directly navigate to the shop via the "Use Now" button.
  4. User Profile

    • Personalized profile page displaying user information.
    • Update profile picture and name functionality.
  5. Error Handling

    • Custom 404 page with navigation to the home route.
  6. Extra Features

    • Forgot Password: Password recovery functionality with redirect options.
    • Password Toggle: Show/hide password field on the registration page.
    • Animation Integration: Used AOS library for smooth animations.

🛠️ Tech Stack & Tools

Frontend

  • React.js: Component-based architecture for dynamic UI.
  • React Router (v6): For navigation and private route handling.
  • React Fast Marquee: Smooth scrolling effect for brand logos.
  • React Copy to Clipboard: Simplified coupon copying.

Backend & Authentication

  • Firebase Authentication: Secured user login and registration.
  • Firebase Hosting: Reliable and fast deployment.

State Management

  • useState & useEffect: For managing state and side effects.
  • Local Storage: To persist user data like coupons and profile information.

Styling & Responsiveness

  • Custom CSS: For unique, pixel-perfect designs.
  • AOS Library: Smooth scroll animations for a polished feel.

🌟 How to Use

For Users

  1. Login/Register: Use email or Google authentication to access personalized features.
  2. Explore Coupons: Browse active discounts and save big!
  3. Copy & Redeem: Copy coupon codes with one click and start shopping.

For Developers

  1. Clone the repository:
    git clone https://github.com/RaiyanJiyon/Discount-PRO
    cd discount-pro  
  2. Install dependencies:
    npm install  
  3. Run the app locally:
    npm start  
  4. Environment variables: Add Firebase configuration keys in a .env file.

🤝 Contributing

We welcome contributions! Feel free to fork the repository and submit a pull request.

About

A responsive coupon collection platform for Bangladesh, featuring authentication, dynamic banners, top brands, and seamless navigation. Save on your favorite brands effortlessly with Discount PRO.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages