IT Garage

* IT Garage platform as software offers workflow management that enables organizations to manage incident problems related with access control, hardware, project & software. *

Functional Features

- User should able to login into system using email : "johndoe@example.com"
- Authorized users should have provision to navigate pages such as Dashboard, Report & Update Incident
- Each page must have header & subheader
- Dashboard screen should highlight overall incident metrics along with incident grid view grouped by category
- User should have provision to submit or update incident details in different categories
- User should have provision to View or Delete incident
- Form should ask incident details such as title, description, category, priority & assignee
- Basic validation should be implemented at client side
- Only authenticate users navigate to different pages from main navigation menu

Non-Functional Features

- SEO support added : robots.txt, sitemap.xml, sitemap generator on every build run
- CSP header added for all route : XSS protection, content security
- Other headers added for all route : X_FRAME_OPTION, X_CONTENT_TYPE_OPTION, REFERRER_POLICY, STRICT_TRANSPORT_SECURITY, X-DNS-Prefetch-Control
- CORS added for route handlers : Access-Control-Allow-Origin, Access-Control-Allow-Methods
- Mongodb connection for Dev & Prod : Global type for Mongoclient (Dev)
- Env variables support : security headers, sitemap, mongodb uri
- Typescript support
- Core Web-Vitals support
- Responsive behavior
- Bundle analyzer support
- Overrided 404, 500 & Error page
- Enabled SWCMinify : Replaced Terser with SWC for minifying JavaScript
- Express-validator : NextJS APIs validator with Middleware to integrate with express-validator
- Formik & Yup : Implemented to render forms, submit data & client validation
- useMemo, React.memo, useCallback : Memiozed & optimize component performance
- HOC :  Reuse component logic, form layout, page layout
- Constants : Static dropdown values
- ValidationRules : Added to validate & sanitize inputs at API route handler
- Helper : utility functions added

Demo

Dependencies

- React :  [18.2](https://react.dev/learn/installation)
- MUI : [5.15](https://mui.com/)
- MongoDB : [6.4](https://www.mongodb.com/)
- Formik : [2.4](https://formik.org/)
- Snyk : [1.12](https://snyk.io/)
- NextAuth : [4.2](https://next-auth.js.org/)