Bag That

Inspiration

Online shopping is a blessing, but finding valid coupon codes is often a frustrating experience. Many existing solutions provide outdated or non-functional codes, leaving users disappointed. Inspired by this, we developed Bag That—a browser extension that fetches and delivers coupon codes, streamlining the savings process and empowering shoppers to make smarter choices.

What it does

Bag That is a Chrome extension designed to enhance your online shopping experience by:

Dynamic Coupon Fetching: Identifying the e-commerce platform you’re using (like Amazon, Walmart, Flipkart, etc.) and fetching relevant coupon codes. Seamless Integration: Allowing users to copy and apply coupon codes with a single click. Efficient Automation: Backend pipelines ensure coupons are retrieved, validated, and displayed quickly.

How we built it

Frontend: React and Tailwind CSS for a responsive, user-friendly interface. Backend: Node.js and Express power our server for efficient API management and data retrieval. Automation: Python and Selenium are used for scraping coupon codes dynamically. Testing & Debugging: Postman was utilized to test APIs and ensure reliable communication between components. Extension Development: Chrome APIs manage website detection, badge updates, and data transfer between scripts.

Challenges We ran into

Dynamic Website Detection: Ensuring our extension could accurately detect supported websites in real-time. Coupon Accuracy: Managing redundant or non-functional codes while maintaining user trust. Time Constraints: Implementing automation and real-time fetching pipelines while refining the user experience within the hackathon timeline.

Despite these challenges, we’re proud of building a functional MVP that showcases our core idea.

Accomplishments that I'm proud of

Successfully integrated Selenium-based automation with Node.js and React pipelines. Designed a clean and intuitive UI using Tailwind CSS. Implemented real-time badge updates for coupon availability. Overcame challenges in extension scripting and inter-component communication.

What we learned

Selenium's automation capabilities in scraping live data for dynamic use cases. Chrome extension scripting requires seamless coordination between background, content, and popup scripts. The importance of user-centered design in building intuitive interfaces under time constraints.

What's next for Bag That

Coupon Validation Automation: Automatically applying the most effective coupon during checkout. User Ratings & Feedback: Allowing users to rate coupons for improved accuracy and reliability. More Platforms: Expanding our extension’s support to include additional e-commerce platforms. Retailer Partnerships: Partnering with businesses to offer exclusive discounts to users. Mobile Extension: Extending functionality to mobile browsers for on-the-go savings.

Built With

• chrome
• css
• express.js
• extension
• javascript
• node.js
• postman
• python
• react
• selenium)
• tailwind