Design comparison
Solution retrospective
Functionality and Usability: The tip calculator efficiently calculates tip amounts and totals per person, making it a useful tool for users. The clear layout and intuitive design enhance the user experience.
Data Validation: Using zod for schema validation ensures that the inputs are correct, which strengthens the reliability of the application. This is particularly important in applications that handle numerical data.
Responsive Design: Utilizing Tailwind CSS allows for the creation of a responsive design that works well on both mobile and desktop devices. You can be proud of having designed an accessible and visually appealing interface.
State Management: You have effectively managed state with React hooks, demonstrating a good understanding of the lifecycle and state management in React.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord