https://github.com/raphaigor/banco-inter-frontend

Novo conceito de Internet Banking do Banco Inter, desenvolvido em React com Styled Components e Framer Motion, inspirado em técnicas de UX e UI
https://github.com/raphaigor/banco-inter-frontend

css html react

Last synced: about 2 months ago
JSON representation

Novo conceito de Internet Banking do Banco Inter, desenvolvido em React com Styled Components e Framer Motion, inspirado em técnicas de UX e UI

• Host: GitHub
• URL: https://github.com/raphaigor/banco-inter-frontend
• Owner: raphaigor
• License: mit
• Created: 2025-03-18T09:27:23.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-03-18T09:37:16.000Z (over 1 year ago)
• Last Synced: 2025-03-18T10:35:48.654Z (over 1 year ago)
• Topics: css, html, react
• Language: TypeScript
• Homepage:
• Size: 336 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Banco Inter - Internet Banking Redesign



  



![React](https://img.shields.io/badge/React-16.13.1-blue) ![Styled Components](https://img.shields.io/badge/Styled--Components-5.1.1-pink) ![Framer Motion](https://img.shields.io/badge/Framer--Motion-2.6.0-red)

## Sobre o Projeto

Este projeto é uma **nova versão** do Internet Banking do **Banco Inter**, recriando a interface para se alinhar ao design mobile de **2020**. O objetivo é modernizar a experiência do usuário com **transições fluidas**, **gráficos interativos** e um layout responsivo.

## Tecnologias Utilizadas

- **React** 16.13.1

- **Styled Components** 5.1.1

- **Framer Motion** 2.6.0 (Animações)

- **React Router DOM** 5.2.0 (Gerenciamento de rotas)

- **@nivo/bar & @nivo/line** 0.62.0 (Gráficos e dashboards)

- **Date-fns** 2.16.1 (Manipulação de datas)

## Instalação e Configuração

### Pré-requisitos

Certifique-se de ter instalado:

- Node.js + npm/yarn

### Passos para rodar o projeto

1. Clone o repositório e acesse o diretório:

   ```sh

   git clone https://github.com/seu-usuario/bancointer.git

   cd bancointer

   ```

2. Instale as dependências do projeto:

   ```sh

   npm install

   ```

3. Inicie o servidor de desenvolvimento:

   ```sh

   npm start

   ```

## Uso

Após iniciar o servidor, o internet banking estará disponível em:

- **Web:** `http://localhost:3000`

## Licença

Este projeto foi desenvolvido para fins educacionais e pode ser utilizado livremente para estudo e aprendizado.

---

Para dúvidas ou suporte, entre em contato com os desenvolvedores.