frontend-components

This is the repo codebase of the E-2 Visa Fontend Components for the B-2 Visa project use.

Docs

• Codebase
  • Technologies
  • Folder Structure
  • Branch Name
  • First time setup

Codebase

Technologies

List of technologies we use:

• TypeScript: Type-safe JavaScript
• React: State management and UI library.
• Babel: JavaScript transcompiler that is mainly used to convert ES6+ code into a backwards compatible version of JavaScript that can be run by older JavaScript engines in order to create the dist / lib folder for our components library.
• TailwindCSS: Rapidly build UIs without ever leaving your JSX.

Folder structure

src/
├── lib/
|   └── components/         # Generic components to export as a library / package (e.g. Button, Badge, Modal)

Branch Name

How to name your supporting branch prefixes?

• Feature branches? [feature/]
• Release branches? [release/]
• Hotfix branches? [hotfix/]
• BugFix branches? [bugfix/]

git checkout -b [prefix]/[task-code]

example for new feature

git checkout -b feature/AAYB2V-81

First time setup

Efficiency has 3 installation steps:

1. Downloading the code by cloning the repository::

git clone [email protected]:abogada-alexandra/frontend-components.git

2. Install the dependencies: Most of the time you should run this from the develop branch.

npm install

3. Install the recommended extensions (if you are using VSCode):

You've now finished installing everything!