Quality Management System (QMS)

Overview

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.

Features

• 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.

Quality Standards

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.

Technologies Used

• 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.