Welcome to Discount PRO, the ultimate app for finding the latest discount codes from top Bangladeshi e-commerce stores. This app allows users to browse and access discount codes easily while offering a seamless user experience.
Check out the live demo of Discount PRO here:
Live Demo Link
Discount PRO is a coupon aggregation application that collects and displays discount codes from various Bangladeshi e-commerce stores. It provides an intuitive and user-friendly interface for browsing coupons, saving favorites, and copying codes.
- User Authentication: Sign up and log in via email or Google through Firebase Authentication.
- Browse Coupons: Explore coupons from various e-commerce stores.
- Coupon Details: View detailed coupon information, including discount amounts and expiry dates.
- Copy Coupon Code: Copy coupon codes with a single click for easy application at checkout.
- Category Filter: Filter coupons by categories (e.g., electronics, fashion).
- Favorites Management: Save and manage preferred coupons in the Favorites section.
- Real-Time Updates: Display the latest coupon codes and expiry dates.
- 404 Error Page: Redirect users to a custom 404 page for invalid routes.
- Secure Login: Firebase handles both email/password and Google authentication.
- Password Recovery: Easily recover forgotten passwords.
- Private Routes: Restrict access to certain pages for authenticated users.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/YourGitHubUsername/discount-pro.git
-
Navigate to the project directory:
cd discount-pro -
Install dependencies:
npm install
-
Start the development server:
npm start
The app should now be running on
http://localhost:3000.
- React Router: For navigation and dynamic routing.
- React Hooks: Utilized
useState,useEffect,useNavigate, anduseLocationfor managing state and routing. - Firebase Authentication: Ensures secure user authentication.
- React Toastify: Provides toast notifications for user interactions like copying codes or adding favorites.
- React Icons: Used for visually appealing icons.
- Axios: Facilitates HTTP requests for fetching coupon data.
- Tailwind CSS: Enables utility-first CSS styling.
- DaisyUI: Offers pre-designed Tailwind components for UI elements.
- LocalStorage: Stores user preferences and favorites for persistence across sessions.
- Hero Section: A prominent banner showcasing featured coupons or stores.
- Coupon Grid: Responsive grid layout displaying coupons, sortable by latest or best discounts.
- Categories Sidebar: Sidebar for filtering coupons by store or category.
- Favorite Coupons: Quick access to the user’s saved coupons.
- Detailed coupon information:
- Discount amount, expiration date, and terms of use.
- Copy Code button for easy code copying.
- Email/Password Sign Up: Simple registration with an email address.
- Google Login: Quick login using Google accounts.
- Password Recovery: Recover forgotten passwords via email.
- View, copy, or delete saved coupons.
- A user-friendly 404 error page for invalid routes.
- Authentication: Firebase handles both email/password and Google login.
- Coupon Browsing: View and filter coupons by categories or stores.
- Detailed Coupon Information: Includes discounts and expiry details.
- Real-Time Updates: Automatically display updated coupon codes.
- Favorites Management: Save, view, and remove coupons from the favorites list.
- Toast Notifications: Inform users of key interactions.
- Dynamic Page Titles: Update page titles based on the current view.
- Custom 404 Page: Enhance user experience for invalid routes.
- Add advanced filters (e.g., by expiration date or minimum discount percentage).
- Integrate email notifications for new or expiring coupons.
- Implement a coupon rating system for user reviews.
- Support additional authentication methods (e.g., Facebook, Twitter).
- Add admin features to manage coupons and categories.
- Darun Karas Abir
GitHub: @DKAbir111
Special thanks to all contributors and users for their valuable feedback.