Coder Social home page Coder Social logo

oaarnikoivu / apollobank Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 6.86 MB

A fullstack GraphQL banking application using React, Node & TypeScript.

TypeScript 96.58% HTML 2.14% CSS 0.16% JavaScript 1.12%
typescript reactjs nodejs postgresql graphql apollo

apollobank's Introduction

apollobank ๐Ÿš€

A fullstack GraphQL banking application built using React, Node & TypeScript.

What's included?

  • Login/register
  • Dashboard
  • Accounts
  • Transactions
  • Credit cards
  • Settings
  • Spending for this month chart
  • Dummy data generator using faker

dashboard

Technologies used

Server side

  • Apollo Server
  • bcryptjs
  • cors
  • Express
  • GraphQL
  • faker
  • jsonwebtoken
  • TypeGraphQL
  • TypeORM
  • TypeScript
  • PostgreSQL

Client side

  • Apollo React Hooks
  • FontAwesome Icons
  • Material UI
  • Recharts
  • Formik
  • Yup

Todo

  • Don't allow the user to destroy an account if they are in debt or their account balance > 0
  • When deleting and destroying an account, alert the user with another dialog to check if they would like to proceed with this action.
  • Update the chart on the dashboard to show spending such that the y axis is the users account balance.
  • Sort transactions by date & sort chart data by date.
  • Fetch exchange rates from an API.

Flag icons made by Freepik from www.flaticon.com

apollobank's People

Contributors

oaarnikoivu avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

apollobank's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.