What You Will Learn

Before taking this course, we highly recommend that you go through React to Python - Part 1 because implementing this project requires an understanding of how Transcrypt works and how relevant pieces of code fit together. Once you are familiar with how things work, you can modify those according to your requirements.

About this course

This course aims to implement a personal library management system that stores a catalog of books.

Following are some of the features of this single-page application:

• Front-end (in React)
  • Editing screens.
  • Viewing screens.
  • User session management.
• Back-end (in Flask)
  • SQLite database that will be accessed via a Flask-based REST service.

Implementation of this project inevitably involves extensive code refactoring to stay organized as the application grows. We will try to minimize this to avoid confusion. Each chapter ends with a running application that includes all of the features we’ve added up to that specific point.

In addition to diving a bit further into React and Material UI, we’ll also introduce a few other JavaScript libraries that will help us create feature-rich applications.

To log in, use the username admin and password 123. This is what our fully functional application will look like:

The following are the tools and technologies the application will use:

• Back-end
  • Python 3.9 or higher
  • Flask
  • Flask Login
  • Transcrypt 3.9.0
  • SQLite Database
• Front-end
  • Node.js (npm)
  • React
  • ReactDOM
  • react-modal
  • React-ga
  • Material UI
  • Snackbar (Notistack)