https://github.com/salmanfxrsi/discount-pro

https://github.com/salmanfxrsi/discount-pro

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/salmanfxrsi/discount-pro
• Owner: salmanfxrsi
• Created: 2024-12-09T12:34:41.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-09T12:37:31.000Z (about 2 months ago)
• Last Synced: 2024-12-09T13:40:02.841Z (about 2 months ago)
• Language: JavaScript
• Size: 596 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **Discount PRO**  

## **Purpose**  

**Discount PRO** is a user-friendly coupon-collecting application designed to help users in Bangladesh discover and utilize discount coupons from various e-commerce stores. The platform simplifies savings by consolidating all available deals in one place, enabling users to shop smartly and save money effortlessly.

---

## **Live URL**  

[**Access Discount PRO here**](https://discount-pro-7a767.firebaseapp.com/) 

---

## **Key Features**  

- **Authentication System**: Secure Login/Registration with Firebase (Google and Email authentication).  

- **Home Page**: Includes a dynamic banner slider, top brands section with hover effects, and brands on sale displayed in card format.  

- **Brand Details Page**: Displays coupons for a specific brand, allows users to copy coupon codes, and provides direct links to e-commerce stores.  

- **Profile Management**: Personalized profile page for logged-in users, with options to update name and photo.  

- **Responsive Design**: Fully optimized for mobile, tablet, and desktop devices.  

- **Search and Filter**: Locate brands and coupons quickly using a search bar and filters.  

- **Error Handling**: Includes a custom 404 page for invalid routes.  

- **Interactive Animations**: Enhances user experience with animations using `AOS` or `Animate.css`.  

- **Secure Environment**: Firebase configuration keys secured using environment variables.  

---

## **Technologies and Tools Used**  

### **Frontend**  

- **React.js**: For building the single-page application.  

- **Tailwind CSS**: For responsive and modern UI design.  

- **React Router**: For managing routes and navigation.  

### **Backend & Services**  

- **Firebase**: For authentication and hosting.  

### **Additional Packages**  

- **react-fast-marquee**: For brand logo scrolling.  

- **react-copy-to-clipboard**: To copy coupon codes with a single click.  

- **AOS/Animate.css**: For adding smooth animations.  

- **react-toastify**: For displaying success and error messages.