https://github.com/kenmarcos/dt-money-front-rs

Aplicação front-end de controle financeiro.
https://github.com/kenmarcos/dt-money-front-rs

json-server radix-ui react react-hook-form styled-components typescript vite zod

Last synced: 20 days ago
JSON representation

Aplicação front-end de controle financeiro.

• Host: GitHub
• URL: https://github.com/kenmarcos/dt-money-front-rs
• Owner: kenmarcos
• Created: 2024-08-26T16:42:11.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-26T17:00:00.000Z (3 months ago)
• Last Synced: 2024-10-10T17:22:13.201Z (about 1 month ago)
• Topics: json-server, radix-ui, react, react-hook-form, styled-components, typescript, vite, zod
• Language: TypeScript
• Homepage:
• Size: 301 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



    


        🤑 DT Money 🤑

    

    


        Sobre o Projeto •

        Funcionalidades •

        Layout •

        Tecnologias •

        Autor

    



## 🖥️ Sobre o Projeto



        






> Projeto desenvolvido durante módulo **HTTP e Performance** da Formação de React.js da [Rocketseat](https://www.rocketseat.com.br/).

Esse projeto consiste em uma aplicação de um sistema de controle financeiro.

O objetivo deste desafio consistia em criar uma aplicação front-end completa fazendo conexão com o backend por meio de uma API.

## 💡 Funcionalidades

- [x] Listar transações

- [x] Buscar transações

- [x] Exibir resumo de informações com valores de entrada, saída e total

- [x] Cadastrar nova transação

## 🎨 Layout

> A aplicação tem como base o seguinte layout no [Figma](https://www.figma.com/community/file/1138814493269096792/dt-money)



  

  



## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[Vite](https://vitejs.dev/)**

- **[React.js](https://pt-br.reactjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[Styled Components](https://www.styled-components.com/)**

- **[React Hook Form](https://react-hook-form.com/)**

- **[Zod](https://zod.dev/)**

- **[JSON Server](https://github.com/typicode/json-server)**

- **[Axios](https://axios-http.com/)**

- **[Radix UI](https://www.radix-ui.com/)**

- **[React Number Format](https://s-yadav.github.io/react-number-format/)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉