Coupify: smart coupon tracker and saver

• 

  this is the dashboard

Inspiration With the rise of digital payment apps, users receive many coupons and rewards but often forget to use them before expiry. This inspired us to build Coupify to help users manage and utilize their coupons efficiently.

What it does Coupify is a smart coupon tracker that stores, organizes, and tracks coupons. It helps users manage expiry dates and ensures they never miss savings through a clean and engaging interface. How we built it We built Coupify using React with component-based architecture and state management. Conditional rendering is used to display UI based on data, such as showing a message when coupons . Form validation was implemented using regex for secure inputs.

Challenges we ran into We faced issues with removing default data, managing dynamic UI updates, and ensuring correct conditional rendering. Debugging state and improving UI responsiveness were key challenges. Accomplishments that we're proud of We created a functional and user-friendly application with a modern UI. The project successfully solves a real-world problem and provides a smooth user experience.

What we learned We learned React fundamentals, state management, validation techniques, and the importance of UI/UX design. We also improved debugging and problem-solving skills. What's next for Coupify: smart coupon tracker and saver We plan to add real-time API integration, AI-based recommendations, push notifications, and cloud sync to make Coupify a complete smart savings assistant.

Built With

• css
• form-validation
• frontend
• html
• javascript
• node.js
• npm
• react
• react-context-api
• regex
• state-management
• ui
• web-app