DT Money

About • Functionalities • Layout • Technologies • Installation •

💻 About

Typescript React Application to control cash flow (exercise only)

☑ Functionalities

• Creat a list of money income and outcome
• Show a Summary of the total income
• Show the difference between total income vs outcome
• Filter results based on text search

🎨 Layout

Figma File

Figma Mock

🔨 Technologies

The following framworks/libraries were used for this project:

• ReactJS
• TypeScript
• Tailwind
• RadixUI
• Vite

Check the full package.json

🚀 Installation

# Clone the repo
git clone https://github.com/flavioccf/react_dt_money.git

# Access the project
cd react_dt_money

# Install dependencies
npm install

# Run the application
npm run dev # will run vite application
npm run dev:server # will run json server
npm run dev:all # will run both concurrently