Skip to content

grupadotnet/pimi-connect-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

346c913 · Mar 10, 2024

History

52 Commits
Mar 5, 2024
Nov 21, 2023
Jan 13, 2024
Mar 10, 2024
Nov 21, 2023
Jan 13, 2024
Jan 14, 2024
Mar 4, 2024
Nov 21, 2023
Jan 14, 2024
Nov 13, 2023
Jan 14, 2024
Jan 13, 2024
Nov 21, 2023
Jan 13, 2024
Jan 14, 2024
Jan 13, 2024
Nov 21, 2023
Jan 14, 2024

Repository files navigation

pimi-connect-app

Lint

Project structure

We use a feature-based approach in our project so we keep all files related to a specific feature close to each other

We keep tests close to the tested files

  • /components - global reusable components in a whole app

  • /features - ready to use application features that work independently from each other

  • /screens - screens of the application (same as views in a web)

  • /controllers - api connection functions

  • /types - global typescript types

  • /utils - helper functions that are reusable in a whole app

  • /hooks - global custom hooks reusable in a whole app

! All tests, styling files, feature-specific hooks, utils, etc. should be stored directly in the feature itself !

structure example

Styling

File style.ts contains all the global styling that is being used in the app (flex, grid, variables, etc.)

You should declare all reusable stylings there

Theming

themed colors example

Example of how do we declare colors for different themes

usage of themes

Example of how do we use themes in component

Form

When we want to create a form, we use an external library called react-hook-form

If you are new to react-hook-form library then we recommend you create your form along with documentation: https://react-hook-form.com/get-started

ESlint

When pushing the branch to the remote repo there shouldn't be any eslint error as well as warning

To sort imports:

1 step

2 step

Start development

  • Clone repository
git clone https://github.com/grupadotnet/pimi-connect-app.git
  • Make sure u have yarn installed (or even node)

To install node: https://nodejs.org/en/download

To install yarn (in any terminal):

npm install -G yarn
  • Install required dependencies

In a project main directory:

yarn
  • start app
yarn start

In the end, your terminal should look like this started app

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published