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.
Explore the application live here: Discount PRO Live
- 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.
- Optimized for mobile, tablet, and desktop devices.
- Ensures seamless navigation across all screen sizes.
-
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.
-
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.
-
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.
-
User Profile
- Personalized profile page displaying user information.
- Update profile picture and name functionality.
-
Error Handling
- Custom 404 page with navigation to the home route.
-
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.
- 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.
- Firebase Authentication: Secured user login and registration.
- Firebase Hosting: Reliable and fast deployment.
- useState & useEffect: For managing state and side effects.
- Local Storage: To persist user data like coupons and profile information.
- Custom CSS: For unique, pixel-perfect designs.
- AOS Library: Smooth scroll animations for a polished feel.
- Login/Register: Use email or Google authentication to access personalized features.
- Explore Coupons: Browse active discounts and save big!
- Copy & Redeem: Copy coupon codes with one click and start shopping.
- Clone the repository:
git clone https://github.com/RaiyanJiyon/Discount-PRO cd discount-pro
- Install dependencies:
npm install
- Run the app locally:
npm start
- Environment variables: Add Firebase configuration keys in a
.env
file.
We welcome contributions! Feel free to fork the repository and submit a pull request.