Skip to content

Wallet is an expense-tracker with a currency converter inside, where users can add, edit, remove and visualize their spendings. Developed using React and Redux. This project was developed during the Front-end module at Trybe.

Notifications You must be signed in to change notification settings

saraivais/wallet

Repository files navigation

WALLET 🪙

image

https://wallet-theta-seven.vercel.app/

English 🇬🇧

Click to expand!

Description 📝

Wallet is an expense-tracker with a currency converter inside, where users can add, edit, remove and visualize their spendings. All expenses are converted to BRL (Brazilian Real). This project was developed during the Front-end module at Trybe in May, 2022.

Technologies and Tools 🔧

js-logo react-logo router-logo redux-logo css-logo vercel-logo

Wallet was developed using Javascript and the React library. React Router was used to promote page navigation without page refresh and the Redux library made it possible to centralize and manage the application's state. Later on, I used CSS3 for style and positioning and Vercel for this page's deployment.
Data for currency conversion came from this API.

Installation 📋

  1. Create a directory using the mkdir command:
  mkdir saraivais-projects
  1. Access the directory using the cd command and clone the repository:
  cd saraivais-projects
  git clone [email protected]:saraivais/wallet.git
  1. Access the project directory and install it's dependencies:
  cd wallet
  npm i
  1. Lastly, use the npm start command and access the project via browser, using the following url
  http:https://localhost:3000

You can find this project here!

Português 🇧🇷

Clique para expandir!

Descrição 📝

O Wallet é um rastreador de despesas com um conversor de moeda dentro, onde os usuários podem adicionar, editar, remover e visualizar seus gastos. Todas as despesas são convertidas para BRL (Real Brasileiro). Este projeto foi desenvolvido durante o módulo Front-end no Trybe em maio de 2022.

Tecnologias e Ferramentas 🔧

js-logo react-logo router-logo redux-logo css-logo vercel-logo

Wallet foi desenvolvido usando Javascript e a biblioteca React. O React Router foi usado para promover a navegação sem atualização da página e a biblioteca Redux possibilitou centralizar e gerenciar o estado da aplicação. Mais tarde, usei CSS3 para estilo e posicionamento e Vercel para fazer deploy desta página.
Os dados para conversão de moeda vieram desta API.

Instalação 📋

  1. Crie um diretório usando o comando mkdir:
  mkdir saraivais-projects
  1. Acesse o diretório usando o comando cd e clone o repositório:
  cd saraivais-projects
  git clone [email protected]:saraivais/wallet.git
  1. Acesse o diretório do projeto e instale suas dependências:
  cd wallet
  npm i
  1. Por fim, use o comando npm start e acesse o projeto via navegador, usando a seguinte url
  http:https://localhost:3000

Você pode encontrar este projeto aqui!

About

Wallet is an expense-tracker with a currency converter inside, where users can add, edit, remove and visualize their spendings. Developed using React and Redux. This project was developed during the Front-end module at Trybe.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published