Financial Management App - Dashboard

This is a Financial Management application built with Vite, Material-UI, and React Router. The app provides a clean and responsive interface for managing financial data, including dashboards, transactions, investments, and services.

Features

• Vite: Fast build tool with hot module replacement and optimized performance.
• Material-UI: Modern and accessible UI components.
• React Router: Client-side routing for seamless navigation.
• ESLint: Code linting with custom rules for clean and maintainable code.
• TypeScript: Strongly typed codebase for better developer experience.

Prerequisites

Make sure you have the following installed on your system:

• Node.js (v23 or higher recommended)
• npm (comes with Node.js)

Getting Started

First, clone the repository and install the dependencies:

npm install

Running the Development Server

To start the development server, run:

npm run dev

Open http://localhost:5173 in your browser to view the app.

Building for Production

To build the app for production, run:

npm run build

The optimized production build will be output to the dist directory. You can then preview the production build with:

npm run preview

Linting the Code

To check for linting issues, run:

npm run lint

To automatically fix linting issues, run:

npm run lint:fix

Module federation

Para rodar esse projeto localmente junto ao projeto principal tech-challange-02, é preciso rodar em modo produção:

npm run build
npm run preview

Docker e Docker Compose

Este projeto inclui um Dockerfile para criar a imagem do frontend.

Pré-requisitos

• Docker

Como usar

Build imagem local:

No diretório raiz do projeto, execute:

docker build . -t tech-challange-front-dashboard

Authors

• Fernando Gustavo Cortez - https://github.com/FernandoGustavoCortez

• Lucas Wenceslau - https://github.com/lucaswenceslau

• Osmar - https://github.com/MazFilho

• Vittoria Zago - https://github.com/vittoriazago