Skip to content

Latest commit

 

History

History
65 lines (58 loc) · 1.39 KB

README.md

File metadata and controls

65 lines (58 loc) · 1.39 KB
Logo

DT Money

Expense tracking web project with API consuming

ENG •

About the Project

DT Money is an expense tracking project for managing your finances with API consuming, forms, measuring performance and taking care with the accessibility using React.js.

Technologies

  • styled-components;
  • radix-ui;
  • React Hook Form;
  • JSON Server (only used on development, but it setup a future API connection);
  • Axios;
  • Hooks;
  • Controlled Components;
  • Context Selectors;
  • ESLint;

Knowledges

  • Components;
  • useCallback;
  • Performance concepts: memo, useMemo, Context Selectors;
  • Accessibility with radix-ui
    • Creation of a modal that will be read by the screen reader;
  • Adding ESLint on the already started project;
  • HTTP Requisition

Screenshots

Home Transaction Modal

Prerequisites

  • npm
npm install npm@latest -g

Installation

  1. Clone the repo
git clone https://github.com/gabrielturri/dt-money.git
  1. Install NPM packages
npm install
  1. Run and open on your browser
npm run dev
  1. Run the JSON server
npm run dev:server