team-fintech-frontend

The Frontend section for the Fintech Product

Figma URL: link

Live URL: link

Technology tools:

• React
• Tailwind CSS

To run the app on your local computer

• yarn install
• yarn start

To run a production build

• yarn build

Git Branch Naming Conventions

Branch Categories:

• feature is for adding, refactoring or removing a feature
• bugfix is for fixing a bug
• hotfix is for changing code with a temporary solution and/or without following the usual process (usually because of an emergency)
• test is for experimenting outside of an issue/ticket

Example: feature/navbar or feature/footer or bugfix/images-fluid

Git Commit Message Pattern

Commit Categories:

• build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
• ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
• docs: Documentation only changes
• feat: A new feature
• fix: A bug fix
• perf: A code change that improves performance
• refactor: A code change that neither fixes a bug nor adds a feature
• style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
• test: Adding missing tests or correcting existing tests

Example: git commit -m 'feat: add new button component; add new button components to templates'

Example: git commit -m 'refactor: rewrite button component in react'