Skip to content

DKAbir111/Discount-Pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

34 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🏷️ Discount PRO

The Ultimate Coupon Aggregator for Bangladeshi E-Commerce

Live Demo React Firebase Tailwind CSS


Discount PRO Preview

πŸ“Œ Overview

Discount PRO is a full-stack coupon aggregation platform that helps Bangladeshi shoppers discover, save, and apply discount codes from top e-commerce stores β€” all in one place. Built with a focus on performance, clean UX, and secure authentication.

πŸ”— Live Site: https://effervescent-profiterole-63765b.netlify.app/


✨ Key Features

Feature Description
πŸ” Authentication Email/password & Google Sign-In via Firebase
πŸͺ Browse Coupons Explore deals from multiple Bangladeshi e-commerce stores
πŸ“‹ One-Click Copy Instantly copy coupon codes at checkout
πŸ”– Favorites Save, manage, and revisit preferred coupons
πŸ” Category Filter Filter by electronics, fashion, and more
⏱️ Real-Time Updates Always shows the latest codes and expiry dates
πŸ”’ Private Routes Authenticated-only access to sensitive pages
🚫 Custom 404 Friendly error page for invalid routes

πŸ–₯️ Tech Stack

Frontend

HTML5 CSS3 JavaScript React Tailwind CSS DaisyUI React Router Lottie SweetAlert2

Backend & Auth

Node.js Express.js MongoDB Firebase JWT


πŸ“ Project Structure

discount-pro/
β”œβ”€β”€ public/
β”‚   └── index.html
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/         # Reusable UI components
β”‚   β”œβ”€β”€ pages/              # Home, CouponDetails, Login, Signup, Favorites, 404
β”‚   β”œβ”€β”€ context/            # Auth context (Firebase)
β”‚   β”œβ”€β”€ hooks/              # Custom React hooks
β”‚   β”œβ”€β”€ routes/             # Protected & public routes
β”‚   └── App.jsx
β”œβ”€β”€ .env                    # Firebase config (not committed)
└── package.json

βš™οΈ Getting Started

Prerequisites

  • Node.js v18+
  • npm or yarn
  • Firebase project with Authentication enabled

Installation

# 1. Clone the repository
git clone https://github.com/DKAbir111/discount-pro.git

# 2. Navigate into the project
cd discount-pro

# 3. Install dependencies
npm install

# 4. Add your Firebase config to .env
cp .env.example .env
# Fill in your Firebase credentials

# 5. Start the development server
npm start

App runs at http://localhost:3000


πŸ” Environment Variables

Create a .env file in the root with:

REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id

πŸ“Έ Pages at a Glance

  • 🏠 Home β€” Featured coupons, category sidebar, responsive coupon grid
  • 🏷️ Coupon Details β€” Full discount info, expiry date, copy-code button
  • πŸ”– Favorites β€” Manage saved coupons
  • πŸ”‘ Login / Register β€” Email & Google auth with password recovery
  • ❌ 404 Page β€” Clean error handling for unknown routes

πŸš€ Roadmap

  • Advanced filters (expiry date, minimum discount %)
  • Email alerts for new & expiring coupons
  • User coupon rating & review system
  • Admin panel for coupon management
  • OAuth expansion (Facebook, Twitter)

πŸ‘€ Author

Darun Karas Abir

GitHub


⭐ If this project helped you or impressed you, please give it a star! ⭐

Built with ❀️ in Bangladesh

About

A user-friendly coupon aggregator app for Bangladeshi e-commerce stores. Features Firebase Authentication, real-time updates, category filtering, and favorites management. Built with React,Express, MongoDB, Tailwind CSS, and Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages