/DT-Money

💵 FI System React | Ignite Course from Rocketseat

Primary LanguageTypeScript

🚀 DT Money 🚀

That is the challenge for Ignite Course from Rocketseat

We built a Financial App, to train our fundamentals about Context, React Hook Form and Zod, Styled-Components, JSON Server and much more.

It is totally responsive, so try to access in your phone too

It was built with Radix UI, so we have accessibility in all the components

👉 Link to Access: I can not put that into Vercel, because it was built with JSON Server

â–¶ How to start project

First you need to install and the dependencies and start the project

npm run install
npm run start

Then you need to start the JSON Server, the local API

npm run server

âš™ Config Section

🛠 Tools:

  • React - TypeScript
  • Styled Components
  • Phosphor-react
  • React Hook Form
  • Zod
  • Context API
  • Reducers
  • Memo
  • useMemo
  • Use-Context-Selector
  • Intl
  • Axios
  • Radix UI
  • JSON Server

✔ You can:

  • Create and Read Your Transactions
  • Sort Transactions By Deep Search
  • Sort Transactions By Page

📸 Screenshot Section

💻 Desktop Mode

Initial Page

image

Transactions Sort By Deep Search

image

Transactions Sort by Pagination

image

New Transaction Modal

image

💻 Mobile Mode

Initial Page

image

Transactions Sort By Deep Search

image

New Transaction Modal

image

👉 Visit my linkedin: https://www.linkedin.com/in/pedrovdf/