Workflow

1. Understand the task

• Read through the GitHub task, clarify if needed
• Review the Figma file that is related to your task
• Check for any missing assets / requirements

If there are any questions, you can highlight to your dev lead

• Move your task to In Progress

2. Open your Git GUI

• Ensure you're on the correct branch (check with dev lead). Usually it's either development or staging
• Fetch & pull to ensure you have the latest changes

3. Create a new Git branch

• Create a new Git branch before you start working
• Ensure you follow the Git branch naming convention (check with dev lead)

4. Prepare your code editor

• Open up your code editor
• Install any packages required (yarn)
• Run local development website (yarn dev)

NOTE Some repositories might have a different instructions on how to start a local development website. Check with dev lead when in doubt

5. Make your changes

• Constantly compare local development website and Figma to ensure you're on the right track

6. Make Git commits to track your progress

• Whenever you have progressed, you can commit your changed files

7. Push finalised changes

• Once you're confident that you're done with the task, commit the remaining changed files
• Push to origin

8. Create a pull request

• If your branch name is TEST-1234, then your pull request will usually be from TEST-1234 to staging or development
• Let dev lead know that you're done and your work is ready for review
• Move your task to Review / Testing