Form with Multi-type Data & Validation
Description
Side project "Tiggle"
Developed the transaction creation logic and login state management for a shared expense tracker platform
Developed the transaction creation logic and login state management for a shared expense tracker platform
Tech Stack
Figma
Webpack
Vite
React.js
typescript
Redux
Styled-components
Antd
Storybook
Team
4 (FE 2, BE 2)
Period
2023.07 ~ 2024.07
Links
Details
- Developed transaction detail, transaction create/edit, and profile edit pages
- Implemented transaction read/update/delete and profile read/update features
- Wrote a useUpload hook providing image upload and preview functionality
- Implemented form state management and validation using React-hook-form
- Developed the My Transactions page with filtering
- Managed component-level form state via Context (using React-hook-form's FormProvider)
- Implemented overlay components including BottomSheet, Popover, and Modal
- Login state management logic
- Implemented continueUrl state to redirect users back to their original page after login (Redux + Redux-persist)
- Wrote a useLogin hook exposing login status and related methods
- Wrote a withAuth HOC that verifies login status before page entry and passes the profile via props