In the realm of technology and innovation, the Loyalty Points and Reward Redemption project emerged as the culmination of our journey at Alterra Academy. With a vision to empower users with the ability to redeem coupons and reap rewards, this project brought together a diverse team comprising Quality Assurance experts, Backend developers, Frontend engineers, UI/UX designers, and Mobile Developers. As we embarked on this venture, we encountered a unique set of challenges that tested our abilities to work asynchronously while staying firmly on track. In this article, we delve into the intricate details of this project, highlighting the role I played as the lead frontend engineer, the technologies we employed, and the core features we developed.

Navigating the Role of Lead Frontend Engineer

In the ever-evolving landscape of frontend development, my role as the lead frontend engineer was multifaceted. My responsibilities encompassed selecting the most suitable technologies for the frontend, conducting meticulous code reviews, and providing regular progress updates to the team while addressing any impediments encountered by the frontend squad. It was a role that demanded both technical expertise and effective communication skills, ensuring the seamless integration of our frontend efforts with the broader project objectives.

The Technological Arsenal

In crafting the frontend of this loyalty point and reward redemption platform, we harnessed a range of cutting-edge technologies. At the heart of our frontend architecture lay Nuxt 2, a framework that empowers developers to build fast, interactive web applications. TailwindCSS, a utility-first CSS framework, enabled us to create responsive and visually appealing user interfaces. To manage our global state effectively, we employed Vuex, providing a centralized store for all our frontend components. For robust UI testing, we turned to Storybook.JS, a tool that streamlined the process of developing and testing UI components. And to facilitate HTTP requests, Axios played a pivotal role, ensuring seamless communication between our frontend and backend systems.

Project Features Unveiled

Our loyalty points and reward redemption platform boasted an array of features designed to enhance the user experience and empower users to make the most of their loyalty points. The key features included:

1. Coupon Management (CRUD): Users had the ability to create, read, update, and delete coupons, offering them flexibility and control over their rewards.
2. Coupon Redemption: The platform enabled users to seamlessly redeem their hard-earned coupons, transforming loyalty points into tangible rewards.
3. User Login: We implemented a robust user authentication system, ensuring secure access to the platform and protecting user data.
4. User Profile Management: Users could effortlessly modify their profiles, reflecting changing preferences and personal information.

Here's the video of the c-loyal project :