Out backend is built using Node.js with Nest.
The Database we chose to implement in the Fincheck was Postgres with Prisma as our ODM (Object Data Modelling).
The port we are using for the Database to be running is 5432 and we are using Docker to run it.
We organized the application in modules, each module folder contains its respectives dtos, entities and services, not all have the same sequence of folders due to specific cases of each.
Since we are using Yarn as our Package Manager we will run the commands using yarn.
- To run in Development mode we use the command:
yarn start:dev- To run our backend in Production Mode we will use the command:
yarn buildThis command will execute node and the folder dist which contains the code of our backend/server turned into Javascript
The project was built using React.js and Vite with Yarn as out package manager.
As for the UI, we've used TailwindCSS, Clsx to style it with the help of Headless UI to get the animations and also Radix to style our modals, dropdowns, select, dialogs and other components. Also, we've used Swiper for the account cards, transaction months we have in our application. To display toast notifications we used React-Hot-Toast. A calendar was implemented and for that we used a library called React Day Picker. To handle the values of balance, transactions we used a number library called React-Number-Format.
To handle the forms across our applications we've used React-Hook-Form in combination with Zod
These are the steps to execute our project:
- To run in Development mode we use the command:
yarn devThe command yarn dev will execute vite.
- To run the command to build the project we use:
yarn buildThe command yarn build will execute tsc which means Typescript Compiler that will turn the Typescript code into Javascript to be understood by the browsers.
To handle our requests to the backend we are using Axios and also React Query.
© Done with a lot of ❤ by Hugo Ramon Pereira -> Portfolio -> LinkedIn 🇧🇷