dt-money

3/7 projects of Ignite React specialization by @rocketseat-education : An intermediate react project focusing on API consumption and performance

Available at (Vercel): dt-money-gilt.vercel.app

Requirements

• Transaction Listing Page
• Summary Panel (income, expenses, and balance)
• Window to Add New Transaction
• Search Bar for Transactions

Technologies & Libraries used on this project

• React Hook Form
• Radix UI (Add Transaction Dialog and Radio Group)
• Axios (Requests)
• Phosphor (Icons)
• Zod (Form schema validation)
• ViteJS (App framework)
• JSON Server (API service)

Issues and Discussions

• Dialogs e acessibilidade #1

  • Radix UI
  • Using Dialog

• Conexão com a API #2

  • JSON Server
  • HTTP Requests
  • Calculating transaction summary
  • Controlled components (again)
  • Searching for transactions
  • Creating new transaction (decoupling)