Directory Structure ​

assets ​

It contains logos and other static assets. You can place your static assets here.

components ​

In this directory are the components that can be reused between the pages of the application, if any component is used only by a specific page, place it in the same directory as the page.

constants ​

This directory is used for configuration files or static data that don't need to be in the database. In this folder you will also find the project's navigation menus.

data ​

A good practice is to separate the code that is responsible for fetching, reading and writing data in the database. Our template is already pre-modeled for you to integrate with your preferred database, we recommend using firebase, but you can use whichever you prefer. Place all database integration logic in this folder.

domain ​

We implemented the DDD methodology that separates the business logic from the rest of the project. In this directory you can place the repositories, entities and business rule interfaces.

hooks ​

This project is made with React JS, you can put the Hooks that are shared by several components in this directory.

layout ​

Place your app's layouts in this directory. Layouts are used by routes to render the page with components that are constantly displayed, for example a navbar, footer etc...

locales ​

Exclusive directory for application translations, here you can create and modify words and add new translations. If you are using VSCode, we recommend using the i18n Ally extension as it helps to translate the words directly in the component without having to access the translation file.

routes ​

This is the application's route directory, use it to change, create new routes.

utils ​

Directory used for general functions widely used by various parts of the code.