Create a basic CCA Drawer and NavBar, then setup react router to view the main components.

• CCA Settings Boxes with dropshadows
• Globally style all buttons (borderRadius, color using app theme)
• Generalize styles as much as possible
• Improve Navbar and logo (try inversion of primary/secondary colors)
• UI elements for spacey white backgrounds where required, e.g. task manager
• Gradients unify, randomly generate colors
• Tooltips
• Progress bar calculation based on current status
• Blinking re-renders to be prevented
• Picture test

Proper standardization of UI components styling wise after a collective effort at merge conflict resolution

api/form/create
api/form/edit
api/form/delete
api/form/fetch
api/form/fetch-list

Fix all warning errors and unused imports to prevent excess renders, performance slowdown and unpredictable bugs.

• keyboard support (button type=submit so pressing enter logs in)
• convert cca picture to base64 string instead of URL
• required fix login errors initially (remove onBlurValidation change props)

Create an MD document which has the following items:

1. Commit Process
2. Restrictions

api/form/create
api/form/edit
api/form/delete
api/form/fetch
api/form/fetch-list

Async Action Creator(s) required for:
CCA Login
Society Login

For CCA Add, Edit, Delete

Look into Typeform and other contenders.

Must be tested and integrated completely.

• Create API specification document in an MD file.
• API Specification Document Template
• All Categories have already been made. Refer to the DB diagram, Component Diagram, Activity Diagrams, Sequence Diagrams and Wireframes in SDS document for further clarification.
• Remove notes which are attached with the categories. Don't remove the "Important Notes" section.
• Once done, respond to this issue for a review. If approved the file will be committed in the "docs" folder. Don't commit the file before review

Fixes required in all component titles and text, should be more formalized, and UI improvements required as well as remaining missing components.

Would drastically improve readability of all back-end API calls.
Pass URL, body, success status code to function along with rejectWithValue function.

APIs:

1. CCA Login
2. Society Login (was in boilerplate)

All API should be integrated to the client side perfectly for Section 2 User Management.
https://github.com/drageelr/cms/blob/master/docs/api-spec-doc.md

Use theme hooks or the theme parameter in makeStyles creator, and replace whites in class styles or inline styles with theme.palette.secondary.main.

Breakdown the server into the following components:

1. Routes
2. Controllers
3. Models
4. Services
5. Errors

Re-write code in app.js and www files

Setup coding format

• Status filter using chip bar (with all the CCA statuses, creating a list like ["CCA pending", "Approved"] which is sent to the back-end)

• Dropdown for time filter with options "1 month, 3 months, 1 year, Specific duration" (also conditionally opens the date pickers for to and from when you select 'Specific duration' option).

• "Show Completed Requests Only" switch false by default.

Society, Change Password and Change Picture

• Create an MD document for JS Coding Conventions and Practices to be strictly adhered to in this project.

Add tool-tips and help text where required using MUI. Verify and improve ease of navigation.