Skip to content
Submitted 5 months ago

Tip Calculator, responsive, Flex, Grid, React, contextAPI, useReducer

Thanos Kalaitzis•100
@Thanos-M11
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • clean App.jsx
  • nice component structure
  • context API combined with useReducer hook for absolute state management
  • custom hook for handling clickout event and Enter key pressed.

Community feedback

Please log in to post a comment

Log in with GitHub

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