https://github.com/leeocoder/pinterest-ui

https://github.com/leeocoder/pinterest-ui

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/leeocoder/pinterest-ui
• Owner: leeocoder
• Created: 2024-07-17T09:22:03.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-07-19T12:16:21.000Z (over 1 year ago)
• Last Synced: 2025-01-13T09:46:32.294Z (about 1 year ago)
• Language: TypeScript
• Size: 549 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  

  

    

  

   

   

    

  

  

    

  





    





 🏁  Pinterest UI Clone - Finalizado 🏁





 Sobre •

 Funcionalidades •

 Como executar •

 Layout •

 Tecnologias •

 Autor •

 Licença



![](https://raw.githubusercontent.com/leeocoder/go-finances/main/src/assets/cover.png)

## [](https://github.com/leeocoder/go-finances#--sobre-o-projeto) 💻 Sobre o projeto

Aplicativo para ajudar no controle de finanças pessoas de forma simples.

O projeto foi desenvolvido durante o bootcamp **Ignite** da [Rocketseat](https://www.rocketseat.com.br/), com o objetivo de criar uma aplicação mobile com React Native.

Para o desenvolvimento utilizamos **React Native**, **Expo** e **TypeScript**.

---

## [](https://github.com/leeocoder/go-finances#-%EF%B8%8F-funcionalidades) ⚙️ Funcionalidades

- Logar com uma conta Google ou Apple (apenas em iOS)

- Cadastrar entradas e saídes financeiras

- Listar cards com entradas, saídes e o total

- Listar histórico de entradas e saídes financeiras

- Apresentar gráfico de resumo com as categorias de saídas financeiras

---

## [](https://github.com/leeocoder/go-finances#--como-executar-o-projeto) 🚀 Como executar o projeto

### Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).

Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/).

#### 🧭 Rodando a aplicação

```bash

# Clone este repositório

$ git clone git@github.com:leeocoder/pinterest-ui.git

# Acesse a pasta do projeto no seu terminal/cmd

$ cd pinterest-ui

# Instale as dependências

$ npm install

# ou

$ yarn

# Execute a aplicação

$ expo start

```

Lembre-se de cadastrar o seu App no servidor do Google para obter as credencias de autenticação. Em seguida, defina no arquivo .env as configurações do seu App.

```

CLIENT_ID=

REDIRECT_URI=

```

---

## [](https://github.com/leeocoder/go-finances#--layout) 🔖 Layout

Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/iqwSYiLThiSajHqWAQyVXO/GoFinances-Ignite?node-id=5154%3A131). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.

---

## [](https://github.com/leeocoder/go-finances#--tecnologias) 🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

- React Native

- Typescript

- Expo

- Context API

- Async Storage

- Vector Icons

- React Native Svg e Svg Transform

- Expo Authentication

- OAuth2 Google

- OAuth2 Apple

- Expo Google Fonts

- React Navigation

- React Native Gesture Handler

- Gráficos com Victory Native

- React Native Responsive Fontsize

> Veja o arquivo [package.json](https://github.com/leeocoder/go-finances/blob/main/web/package.json)

---

## [](https://github.com/leeocoder/go-finances#--autor) 👨‍🚀 Autor



 

 


 Leonardo Albuquerque

 


Feito com ❤️ por Leonardo Albuquerque 👋 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/brunohenriquesaibert/)](https://www.linkedin.com/in/leeocoder/)

[![Twitter Badge](https://img.shields.io/badge/-Twitter-1ca0f1?style=for-the-badge&labelColor=1ca0f1&logo=twitter&logoColor=white&link=https://twitter.com/bh_saibert)](https://twitter.com/leeocoder)

[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:leeocoder@gmail.com)](mailto:leodeesign@gmail.com)

---

## [](https://github.com/leeocoder/go-finances#--licença) 📝 Licença

Este projeto esta sobe a licença MIT.