# Workflow

### Review Existing Design and Specifications

Begin work on a project with a Figma design and specification already in place: Start the project by reviewing the existing design and specification documents for endpoints to understand what forms and functions are needed for the project.

### Create a High-Level Class or Skeleton

Create a high-level class or skeleton and functions based on the content and how it needs to be used: Write code to create a class or skeleton to define the structure of the project. This code should be based on the content and how it needs to be used.

### Communicate with the Backend Engineer

Communicate with the backend engineer to explain the concept and plan for how the project should be implemented: Discuss the concept and plan with the backend engineer to ensure that the project is implemented correctly.

### Write Front-End Code

Write front-end code to create the logic for transactions, and the backend engineer writes code for the content and structure: Write code to create the logic for transactions and the backend engineer writes code for the content and structure.

### Test and Deploy Code

Test and deploy the frontend and backend code: Test the code to ensure that it is functioning correctly and deploy it to production.

### Monitor Production Environment

Check that the code is working properly in production: Monitor the production environment to make sure that the code is working properly.

### Perform post-launch tests and maintenance

After the code has been deployed, continue to monitor the production environment and perform post-launch tests and maintenance to ensure that the code is functioning correctly.