WhatsApp Contacts System In Redux

Project Details: WhatsApp Contacts CRUD System

Business Case: The WhatsApp Contacts CRUD system aims to provide users with a platform to manage their contacts efficiently within the WhatsApp application. Users can add, view, edit, and delete contacts seamlessly, enhancing their communication experience.

System Analyst’s Responsibilities:

• Gather requirements from stakeholders regarding the desired features and functionalities of the Contacts CRUD system.
• Analyze user stories and epics to understand the scope of the project.
• Create documentation detailing the system requirements, use cases, and technical specifications.
• Collaborate with the development team to ensure accurate implementation of the system’s features.

Code Design Document: The code design document outlines the architecture and structure of the WhatsApp Contacts CRUD system. It includes:

• High-level overview of the system’s components and modules.
• Description of the data flow and interaction between different parts of the system.
• Details of the technologies and frameworks used in the development, such as React, Redux, and Material-UI.

Project Manager’s Tasks Assignment: Using JIRA, the project manager assigns tasks to developers based on the user stories and epics defined in the system’s requirements. Tasks include:

• Setting up the project environment.
• Implementing CRUD functionality for contacts.
• Integrating Redux for state management.
• Designing and styling the user interface using Material-UI components.

Code Development in Redux: Developers follow the assigned tasks in JIRA to implement the Contacts CRUD system using React and Redux. Key steps include:

• Setting up Redux store, reducers, and actions.
• Implementing actions for adding, editing, and deleting contacts.
• Creating React components for displaying contact lists, forms, and modals.
• Integrating Redux with React components to manage state.

Important Test Cases:

• Verify that contacts can be added, edited, and deleted successfully.
• Ensure proper validation and error handling for contact input fields.
• Test the responsiveness and usability of the user interface across different devices and screen sizes.

Manual Testing: Manually execute test cases to validate the functionality and usability of the Contacts CRUD system. Record any issues or bugs encountered during testing for further analysis and resolution.

Deployment in cPanel Hosting: Deploy the Contacts CRUD system on cPanel hosting by following these steps:

• Prepare the build files of the React application.
• Access the cPanel dashboard and navigate to the File Manager.
• Upload the build files to the public_html directory.
• Configure the domain settings and ensure proper permissions are set for the files.

Feedback from the Client: After deploying the system on cody.pk, the client provides feedback on the functionality, usability, and performance of the Contacts CRUD system. Example feedback may include:

• “The Contacts CRUD system works seamlessly and meets our requirements.”
• “The user interface is intuitive and easy to navigate.”
• “We appreciate the responsiveness of the development team in addressing our feedback and implementing changes promptly.”

Create new app and copy this in src folder

[Download Code]