Pomodoro Timer

Technologies: TypeScript and React

Topics:

• Setup: Vite
• Dependencies and packages management: Npm
• UI and style: Styled-Components
• React componentization for reusable componets and code organization
• Routes and navigation: react-router-DOM
• State management and data sharing: Context API
• Form validation: react-hook-form

B3 Finance

Technologies: TypeScript and React

Topics:

• Setup: Vite
• Dependencies and packages management: Npm
• UI and style: Styled-Components
• Componentization for reusable code and rganization
• Routes and navigation: react-router-DOM
• State management and data sharing: Context API
• Form validation: react-hook-form and zod
• Backend: JSON server API
• Backend Integration: Axios lib to Get and Post data
• Run Client: npm run dev
• Run Server: npm run dev:server
• Apply useCallback and useMemo to improve performance