First steps of development

• Add fonts used in Figma inside the project
• Add colors defined in the Figma style guide inside the project
• Create small reusable components such as
  • Buttons
  • Input fields
  • Cards
• Create the general layout by implementing things like the navigation bar (both desktop and mobile versions) and the footer.
• Add icons used in the Figma design to the project.
• Look for components that are used across different pages and create them and make sure they are reusable across the different pages.

Contribution rules and git flow

Branching

• Before making any new changes make sure to go back to the dev branch pull and create a new branch from there

• Make sure to follow this branch naming convention

  Branching Model

• The dev branch is where developers work on

• Always use the dev branch as the base branch of your pull requests

• The staging branch has a public link that is used to show progress to the client

• The main branch is the production branch.

• Change the base branch using other methods like git rebase instead of using the pull request merging for the dev, main, and staging

Commits

• Follow this guideline Conventional Commits for your commit messages
• Try to create a mid-sized every couple of minutes/hours. But more importantly, try to let commits be logically consistent contributions. That means if you have many changes in lines of code you can split them up into multiple commits but each of those commits should have an independent meaning that is described by the commit message.