Overview
A functional dashboard built with Next.js, Tailwind CSS, and TypeScript. It uses React Context API for state management and React Hook Form for form validation.The premise is a fully fledged inventory management system for a scaling businesses. It has a dashboard with a list of products, a form to add new products, and a form to edit existing products. It also has a search bar to search for products by name. It handles catalogues of items available, customers, inventories and serves the business with a dashboard to manage all these and users an interface to interact with the system, place orders, make payments, track invoices and orders and manage their accounts. I'm iteratively working on this project to add more features and functionality.
Features
- List of products
- Add new product
- Edit existing product
- Search for products by name
- Responsive design
- Dark mode
- Form validation
- Form input masking
- Form input formatting
- Form input validation
- Form input error handling
- Admin dashboard
- User dashboard
- User authentication
- User authorization
- User account management
- Session management
- User roles
- User permissions
- User profile
- QR code generation
- QR code scanning
Technologies
- NextJS14
- TailwindCSS2
- TypeScript4
- React Hook Form7
- React Context API
- React Query
- GraphQL
- Apollo Client
- GraphQL Code Generator
- API Routes
- React Testing Library
- Jest
- Cypress
- ESLint
- Prettier
- Webpack
- Babel
- Vercel
- GitHub Actions
- Docker
- Docker Compose
- PostgreSQL
- Vercel Postgres