Next.jsReactChakra UITailwind CSS

iStock UY

iStock UY is a web application developed for a local business to allow customers to verify product warranties online. Built with React and Next.js, the site provides a simple interface where users can enter a warranty code and instantly retrieve detailed warranty information. The project focuses on clarity, responsiveness, and user experience, featuring an animated background inspired by Apple products and support for dark and light modes.

October 2023
Solo Developer
iStock UY - Screenshot 1
iStock UY - Screenshot 2
iStock UY - Screenshot 3

The Challenge

Designing a fast and intuitive warranty verification flow while ensuring the interface remained visually appealing and easy to use for non-technical users.

The Solution

I implemented a client-side warranty check flow using React and Next.js, focusing on immediate feedback and clear data presentation. Chakra UI and Tailwind CSS were used together to build a responsive layout, support dark and light modes, and integrate subtle animations without compromising performance.

Key Features

  • Warranty code verification
  • Real-time warranty information display
  • Dark and light mode support
  • Animated background visuals
  • Responsive design

Technologies Used

ReactNext.jsChakra UITailwind CSS

Project Info

Date
October 2023
Role
Solo Developer
Category
Next.js