Build A Bank: Full-Stack App Development Using React & Flask

Learn Frontend (JavaScript) and Backend (Python) by building a practical real-life project from scratch

What you'll learn

Build a full-stack application from start to finish and deploy it

Learn the React framework and the Javascript language for frontend development

Learn the Flask framework and the Python language for backend development

Learn how to create practical real-world projects

Become a digital creator

Requirements

Some familiarity with JavaScript/Python will help, but is not a necessity

Description

In this course you will learn Python and JavaScript by building a practical real-life application from scratch! This code-along tutorial we will build out this application togetherAt the heart of this course is the belief in "learning by doing." You will learn the following concepts:Design A User Interface: Think about and craft an intuitive and responsive user interface for your banking application using React (JavaScript).Implement Business Logic: Dive into the backend with Python, developing the core logic that drives banking operations, from account management to transaction processing.Integrate Frontend with Backend: Learn how to connect your React frontend with the Python backend, ensuring a smooth and integrated application and user experience.Work with Databases: Learn how to create and manage a database, learning how to store, retrieve, and manipulate data.Deploy Your Application: Bring your project to life by deploying it, and being able to share it with anyone in the world.Become a Digital Creator: By building a practical real-life project from scratch you will learn to spot opportunities for digital products and how to build them.After this course you will have built a real-life banking application and will know how to create many more!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 What we're going to build

Section 2: Building a First Backend

Lecture 3 Installing Python

Lecture 4 Creating a virtual environment

Lecture 5 Running a Flask application

Section 3: Building A First Frontend

Lecture 6 Installing Node

Lecture 7 Creating a React App

Section 4: Frontend Part 1: Overview

Lecture 8 Creating the Boilerplate for our Overview

Lecture 9 Filling in our Overview

Lecture 10 Creating a Transaction Table

Lecture 11 Bootstrap

Lecture 12 Flexbox

Section 5: Frontend Part 2: Transfer

Lecture 13 Building our Transfer Page

Section 6: Frontend Part 3: Navigation

Lecture 14 Building Navigation

Section 7: Frontend Part 4: State

Lecture 15 What is State?

Lecture 16 Reiteration on the Importance of State

Section 8: Backend

Lecture 17 Restructuring

Lecture 18 Database

Lecture 19 Transfer Backend Functionality

Lecture 20 Adding Transactions to Database

Lecture 21 Validating Transactions

Lecture 22 Connecting Transfers to Backend

Lecture 23 State Changes

Section 9: Authentication: Frontend

Lecture 24 Frontend Authentication Part 1

Lecture 25 Frontend Authentication Part 2

Section 10: Authentication: Backend

Lecture 26 Authentication Backend Part 1

Lecture 27 Authentication Backend Part 2

Lecture 28 Authentication Backend Part 3

Lecture 29 Connecting Authentication Frontend and Backend

Lecture 30 Signout Button

Section 11: Updating Information

Lecture 31 Updating Account Information

Lecture 32 Updating Transaction Information Backend

Lecture 33 Updating Transaction Information Frontend

Section 12: Pagination

Lecture 34 Pagination Backend

Lecture 35 Pagination Frontend Part 1

Lecture 36 Pagination Frontend Part 2

Lecture 37 Fixing Style Issue

Section 13: Final Product

Lecture 38 Recap Bank

Section 14: Dockerization

Lecture 39 Installing Docker

Lecture 40 Dockerfile Frontend

Lecture 41 Dockerfile Backend

Lecture 42 Docker Compose

Lecture 43 Disabling Docker Compose

Section 15: Deployment on Heroku

Lecture 44 Deployment on Heroku

Lecture 45 Undeployment on Heroku

Developers with a desire to build a practical real-world application,People who want to learn frontend development for applications,People who want to learn backend development for applications,People who want to become digital creators