{"id":25498611,"url":"https://github.com/arman-miaa/discount_pro","last_synced_at":"2026-05-05T13:42:27.310Z","repository":{"id":271523334,"uuid":"913731573","full_name":"arman-miaa/Discount_PRO","owner":"arman-miaa","description":"Discount PRO is a coupon-collecting application designed to help users discover and use discount coupons for various e-commerce stores in Bangladesh. The platform features responsive design, user authentication, and smooth navigation to enhance the user experience.","archived":false,"fork":false,"pushed_at":"2025-01-08T08:52:36.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T09:39:23.580Z","etag":null,"topics":["firebase","reactjs","tailwind-css"],"latest_commit_sha":null,"homepage":"https://discount-pro-project.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arman-miaa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-08T08:48:24.000Z","updated_at":"2025-01-08T08:52:39.000Z","dependencies_parsed_at":"2025-01-08T09:49:28.421Z","dependency_job_id":null,"html_url":"https://github.com/arman-miaa/Discount_PRO","commit_stats":null,"previous_names":["arman-miaa/discount_pro"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arman-miaa%2FDiscount_PRO","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arman-miaa%2FDiscount_PRO/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arman-miaa%2FDiscount_PRO/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arman-miaa%2FDiscount_PRO/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arman-miaa","download_url":"https://codeload.github.com/arman-miaa/Discount_PRO/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239587212,"owners_count":19663892,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","reactjs","tailwind-css"],"created_at":"2025-02-19T02:54:24.362Z","updated_at":"2025-11-11T09:30:13.110Z","avatar_url":"https://github.com/arman-miaa.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Discount PRO 🚀\n\n## Short Description  \n**Discount PRO** is a coupon-collecting application designed to help users discover and use discount coupons for various e-commerce stores in Bangladesh. The platform features responsive design, user authentication, and smooth navigation to enhance the user experience.\n\n---\n\n## Technologies Used ✨\n- ⚛️ **React**: Core framework for building the application's UI and managing components.  \n- 🎨 **Tailwind CSS**: Utility-first CSS framework for responsive and efficient styling.  \n- 🌼 **DaisyUI**: Pre-designed UI components built on Tailwind CSS for accessible and modern design.  \n- 🔥 **Firebase**: Used for user authentication and hosting services.  \n- 🛣️ **React Router**: For navigating between different pages and protecting routes.  \n- ✨ **AOS (Animate on Scroll)**: Provides beautiful scroll-based animations for enhanced user experience.  \n- 🛠️ **Git**: Version control for tracking project development and collaboration.\n\n---\n\n## List of React Fundamental Concepts Used 📝  \n- **JSX (JavaScript XML)**: Combined HTML-like syntax with JavaScript for UI creation.  \n- **Components**: Divided the UI into modular and reusable components (e.g., Header, BrandsOnSell, TopBrands).  \n- **Props and State**: Passed data between components using props and managed dynamic states like user login or coupon selection.  \n- **Event Handling**: Managed user interactions (e.g., copying coupon codes, logging in, or logging out).  \n- **useEffect**: Used for side effects like animating components and fetching data.  \n- **React Router**: Implemented navigation and private routes for authenticated users.  \n\n---\n\n## Data Handling and Management 📦  \n- **JSON**: Stored brand and coupon data locally in a structured format.  \n- **Firebase**: Managed user authentication data and protected routes.  \n- **Environment Variables**: Secured sensitive configuration details like Firebase API keys.  \n\n---\n\n## 5 Features of the Website/Project ⚙️  \n1. **Coupon Collection**:  \n   Browse and view coupons with detailed descriptions, conditions, and expiry dates.  \n\n2. **User Authentication**:  \n   Secure login and registration via email/password or Google Sign-In.  \n\n3. **Scroll Animations**:  \n   Dynamic AOS-powered animations enhance the user experience.  \n\n4. **Responsive Design**:  \n   Fully optimized for desktop, tablet, and mobile devices.  \n\n5. **Protected Routes**:  \n   Only authenticated users can access certain pages, ensuring security and exclusivity.  \n\n---\n\n## Live Link 🌐  \n\n- Netlify Live Link: 👉 [https://discount-pro-project.netlify.app/](https://discount-pro-project.netlify.app/)  \n\n---\n\n## 📦 Dependencies Used\n\n### Core Dependencies:\n- **React**: A library for building user interfaces.\n- **React-DOM**: React rendering library.\n- **React-Router-Dom**: For dynamic routing within the app.\n- **Firebase**: Authentication and backend services for user login and data management.\n- **React-Toastify**: For displaying toast notifications.\n- **AOS**: Animate On Scroll for smooth animations.\n- **React-Icons**: Provides a set of commonly used icons.\n- **SweetAlert2**: For interactive alerts and confirmation dialogs.\n- **Match-Sorter**: Used for sorting arrays.\n\n### Dev Dependencies:\n- **TailwindCSS**: A utility-first CSS framework for creating modern designs.\n- **DaisyUI**: Component library built on top of TailwindCSS.\n- **Vite**: A fast build tool and development server.\n- **ESLint**: A tool for identifying and fixing problems in JavaScript code.\n- **PostCSS**: CSS transformations and optimizations.\n- **Autoprefixer**: Adds vendor prefixes to CSS.\n\n\n## 🖥️ Setup Instructions\n\nTo get this project running locally, follow these steps:\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/arman-miaa/Discount-PRO.git \u0026\u0026 cd Discount-PRO\n \u0026\u0026 npm run dev\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farman-miaa%2Fdiscount_pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farman-miaa%2Fdiscount_pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farman-miaa%2Fdiscount_pro/lists"}