DT Money

English

What is the project?

3º Project of Bootcamp Ignite @Rocketseat. This is a project of your digital wallet where you can mark inputs and outputs (money you received and money you spent) in order to learn about using the API with the Axios library to consume APIs, in addition to using Json Server to leave the FrontEnd ready for when the Backend is ready, in addition to learning about performance in React and when to use certain hooks and functions such as memo, useMemo, useCallback and the createContext of the Use Context Selector and for creating modals the Radix UI library

Main technologies

• Axios
• Json Server
• Radix UI (Dialog / Radio Group)
• React Hook Form (@hookform/resolvers)
• Styled Components
• Use Context Selector + Scheduler
• Zod

How to install and use

1 - Clone the project

git clone https://github.com/pedrOAlquimim/dt-money.git

2 - Install the dependencies

npm install

3 - Create a .env.local file on project root and the following var

VITE_API_URL="http://localhost:3000"

4 - Run the project and Json Server locally

npm run dev:server
npm run dev

Português

O que é o projeto?

3º Projeto do Bootcamp Ignite @Rocketseat. Este é um projeto de uma carteira digital sua onde você pode marcar entradas e saídas (dinheiro que recebeu e dinheiro que gastou) com o intuito de aprender sobre a utilização de API com a biblioteca Axios para consumir APIs, além de utilizar o Json Server para deixar o FrontEnd preparado para quando o Backend estiver pronto, além de aprendender sobre performance no React e quando utilizar certos hooks e funções como memo, useMemo, useCallback e o createContext do Use Context Selector e para criação de modais a biblioteca Radix UI

Principais tecnologias

• Axios
• Json Server
• Radix UI (Dialog / Radio Group)
• React Hook Form (@hookform/resolvers)
• Styled Components
• Use Context Selector + Scheduler
• Zod

Como instalar

1 - Clonar o projeto

git clone https://github.com/pedrOAlquimim/dt-money.git

2 - Instalar as dependências

npm install

3 - Criar um .env.local na raiz do projeto file e a seguinte var

VITE_API_URL="http://localhost:3000"

4 - Abrir o projeto e Json Server localmente

npm run dev:server
npm run dev

Project Images