This project is designed to help small businesses effectively manage their finances by tracking their income and expenses. By keeping track of what they sell and what they purchase, businesses can easily visualize their revenue and expenses, giving them a better understanding of how much they are earning.
Users should be able to:
- Create an account using email and password
- Login with the created account
- Logout from my account
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Mobile-first workflow
- React
- TypeScript
- Next.js
- MUI
- React Hook Form
- Yarn
MUI theme customization:
import { createTheme } from '@mui/material/styles';
import { green } from '@mui/material/colors';
const theme = createTheme({ palette: { primary: { main: green[900] } } });
Form validation with zod:
const loginSchema = object({
email: string().nonempty('Email is required').email('Email is invalid'),
password: string()
.nonempty('Password is required')
.min(8, 'Password must be at least 8 characters')
.max(32, 'Password must be less than 32 characters'),
});
- React Hook Form, MUI and React - This helped to create forms and add validation to them.
- LinkedIn - Winstein Martins