* IT Garage platform as software offers workflow management that enables organizations to manage incident problems related with access control, hardware, project & software. *
- User should able to login into system using email : "[email protected]"
- 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
- 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
![Screenshot 2024-03-18 at 7 45 20 PM](https://private-user-images.githubusercontent.com/17022643/313711929-df887eac-8837-4247-8160-3c2d1039bc73.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0ODUsIm5iZiI6MTcyNTY3ODE4NSwicGF0aCI6Ii8xNzAyMjY0My8zMTM3MTE5MjktZGY4ODdlYWMtODgzNy00MjQ3LTgxNjAtM2MyZDEwMzliYzczLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDMwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRkZTgwODY0NzVmNzE4ZjhlYTMzZDk0YzM3NTQ3MWVhN2ZkYjM5MTllMDQ3ODQ5OGVkNmM5OWZiOGVmMzNhM2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SxVynVfHjDkIXZ1PFjmA5h22PJvYreoZfDM7ilHXyL4)
![Screenshot 2024-03-18 at 7 45 41 PM](https://private-user-images.githubusercontent.com/17022643/313711979-97bd7889-d4d5-4845-885a-6d1180921853.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0ODUsIm5iZiI6MTcyNTY3ODE4NSwicGF0aCI6Ii8xNzAyMjY0My8zMTM3MTE5NzktOTdiZDc4ODktZDRkNS00ODQ1LTg4NWEtNmQxMTgwOTIxODUzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDMwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIyNmIyYzUxMTEwZGQ2N2EwMTBjZTVlZmM1OGE1YmRlOTA1NTliZTI0YzA1ZTViMjczODE3ZGE1Y2M1ZDVjMWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CkAHtt9rABEThNdgt6gXzD2j2-AgnK3uYmPAauCZE7Y)
![Screenshot 2024-03-18 at 7 45 57 PM](https://private-user-images.githubusercontent.com/17022643/313712022-bc2d3e56-fce8-48e3-8ff0-adb2dc13b372.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0ODUsIm5iZiI6MTcyNTY3ODE4NSwicGF0aCI6Ii8xNzAyMjY0My8zMTM3MTIwMjItYmMyZDNlNTYtZmNlOC00OGUzLThmZjAtYWRiMmRjMTNiMzcyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDMwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThhYmE3YTQyMzZhYTI0OTA0MTE4ZjgxMzdkYmE0NDM4ZDU0YmQ5MzcxMjk1NjExODhjOTc3OTZlMTc5MWRmN2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.w5SDS1FW6XdE7Xf7TsG1QCgjM2dLnkjej78DK-T_CoY)
![Screenshot 2024-03-18 at 7 46 18 PM](https://private-user-images.githubusercontent.com/17022643/313712046-d01b6336-2742-4041-bd18-18fc5f1d4bc5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0ODUsIm5iZiI6MTcyNTY3ODE4NSwicGF0aCI6Ii8xNzAyMjY0My8zMTM3MTIwNDYtZDAxYjYzMzYtMjc0Mi00MDQxLWJkMTgtMThmYzVmMWQ0YmM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDMwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJkNGFjYzg1M2FjZjU4MjZiNGI5ZjUyZjgzMWM1OTFkZThlOWFmNDMwYWMxMGM2Nzk5ZmEzMzM3ZWVhMDczYzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3ts4v5Imxccgj4CTrCqFasVk9Pfje4krQ-m92lDcrd8)
![Screenshot 2024-03-18 at 7 46 26 PM](https://private-user-images.githubusercontent.com/17022643/313712080-7f57c22f-6778-4968-ae31-b73177c4c836.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0ODUsIm5iZiI6MTcyNTY3ODE4NSwicGF0aCI6Ii8xNzAyMjY0My8zMTM3MTIwODAtN2Y1N2MyMmYtNjc3OC00OTY4LWFlMzEtYjczMTc3YzRjODM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDMwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMyZDViNjJkZTAyYzc1ZjJlNDRjNGQ1YzM1ZTEyNjE0YTc0ZTUxNDM0NDM2Nzg3OWRkYzgyMThmNTg5NjdkYTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.zQ8jj6jeUWZ8MkJY4eJw8PsUJoXRf8cuNECk13_9SUU)
- 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/)