mariarubinger / dev-bank

DevBank is a banking application using React.JS, Styled Components and Firebase.

DevBank

DevBank is a banking application using ReactJS and Firebase.

Preview Desktop

Features

• Registry
• Login
• Balance
• Transactions
• Logout

Technologies

• React
  • Create React App
  • React Router
  • Styled Components
• Firebase
  • Cloud Firestore

Cloning project

> Clone repository
git clone https://github.com/mariarubinger/dev-bank

> Enter folder
cd dev-bank

Setup

> yarn start

Firebase

This app uses Firebase services.

• Go to https://console.firebase.google.com/ to login and create a new project in the console.

• In the 'Authentication' session you will change the status to 'enabled'.

• The configuration required to connect to Firebase is defined in the .env.local file at the root of this repository. Add API_KEY, AUTH_DOMAIN and PROJECT_ID. These values can be found in Project Settings > Your Apps > SDK Settings > Settings.

• Go to 'Firestore Database' and click 'Start Collection' to create a collection within the project. In this project, we have two collections, the 'users' collection and the 'transactions' collection. More details can be found in the firestore.js file which is in the services folder.

Notes to 4cadia

How you can test

• I sent my firestore credentions by e-mail, please replace this information on .env.local file.

• Use my account to login:

  e-mail: [e-mail] | senha: 123456