This project is a Quality Management System (QMS) web application designed to streamline and enhance the quality management system at Mississippi Steel Processing. The application leverages modern web development frameworks and libraries to provide a responsive, user-friendly interface for managing various quality-related tasks and data.
- Responsive Design: Optimized for various devices with a flexible layout.
- Dark Mode: Toggle between light and dark themes based on user preference or system settings.
- Navigation: Intuitive navigation menu to access different sections of the QMS.
- Search Functionality: Easily search through documents, action items, and other relevant data.
- Document Management: Manage controlled documents, change requests, and new document requests.
- Action Items: Track corrective actions and continuous improvement items.
- Internal Audits: Schedule and report on internal audits.
- Training Portal: Access and manage training materials.
- Quality Claims: View and manage quality claims with PDF export functionality.
- KPI Reports: Access key performance indicators related to quality, maintenance, and safety.
This project adheres to the following quality standards:
- IATF 16949:2016: A quality management standard specifically for the automotive industry, focusing on continuous improvement, defect prevention, and reduction of variation and waste in the supply chain.
- ISO 9001:2015: A general quality management standard applicable to any organization, emphasizing customer satisfaction, process improvement, and the establishment of a systematic approach to quality management.
- React: A JavaScript library for building user interfaces.
- Next.js: A React framework for server-rendered applications and static website generation.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- shadcn/ui: A collection of beautifully designed components for React applications.
- Next Themes: For managing light and dark modes based on user preferences or system settings.
- @tanstack/react-table: For building flexible and extensible data tables.
- @react-pdf/renderer: For generating PDF documents within React.
- Supabase: For managing authentication and database operations.
- Azure AD: For authentication via Azure Active Directory.
- React Hook Form: For form validation and management.
- Zod: For schema validation and form data validation.