saraivais / wallet

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.

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 git@github.com: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://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 git@github.com: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://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.

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


Languages

Language:JavaScript 80.1%Language:CSS 12.3%Language:HTML 7.5%