Full Stack Web and Hybrid Mobile App Development With React

Explore server side architectures by implementing mvc structure with entity classes, repositories, services, and a separate risk controller, using spring security, hibernate, and liquibase for secure, mapped database migrations.

We chose Gradle for easier configuration and better performance than Maven; it enables incremental builds by running only changed tasks and supports parallel multi-module builds.

Hibernate is a Java object-relational mapping tool that maps entities, tables, and columns to databases, supports id generation, relationships like one-to-one, one-to-many, many-to-one, many-to-many, and fetch strategies.

Create a product model class in the model package mapping to the product table, with id as the primary key and fields for name, price, and explanation, using data annotations.

Liquibase overview explains a migration library for relational databases, using a change log of change sets with unique IDs; it supports json and sdk formats and offers automatic rollback.

Learn to create database change sets for product and transaction models using liquibase, including creating product and transaction tables and populating with ten test products.

Create a user repository implementation by adding a user repository interface that extends the GPA repository, enabling save, update, and find by id, with a find by user name query.

Define product and transaction repository interfaces, each extending a generic repository with model and id types, enabling CRUD database methods.

Implement a Spring user service in MVC service layer, wiring the repository via dependency injection and providing save, update, delete, find by username, and find all users with password encoding.

Discover how a rest controller handles http requests with get, post, lead, put, and patch mappings, and how it uses request parameters and response entity.

Explore spring security’s default login flow, basic and form-based authentication, and session management, then customize access rules, logout, CSRF, and CORS for flexible security.

Customize web security with spring security by creating a config class, enabling web security, and overriding configure to set cors, public resources, admin-only endpoints, and disable csrf.

Explore JWT authentication with role-based access by creating and validating tokens, applying server-side filters and an authorization header, and enforcing token expiration.

Test the server side of a full stack web and hybrid mobile app built with React.

Learn to integrate backend REST API endpoints with the frontend using HTTP requests and handle backend data directly in the frontend.

prepare the client-side infrastructure, adopt react, and install it via an npm installation command to set up a react app.

Explore how a Create React App project is structured, including public and src folders and package.json, and how npm start serves a single-page app via ReactDOM.render.

Develop a user modal component in React, using Bootstrap modal, to create and edit users via user and admin services, managing state, props, and error message.

Build a React Router setup with user, admin, and error routes using browser, memory, or hash history, including default routing, login, product detail routes with params, and 404/401 pages.

Implement authentication guards in React with a card architecture and a rollout component to restrict access by user roles, showing unauthorized messages or redirects to protected pages.

Prepare the mobile side infrastructure for a React Native app by installing the React Native CLI, npm package tools, Android SDK, and Android Studio emulator, with iOS builds on macOS.

Develop a mobile interface for user and product management, consume server data via APIs, enable login and registration, product browsing and purchases, and admin CRUD with authentication and authorization.

Debug React Native on localhost and build Android and iOS apps by installing Android Studio and the Android SDK, creating a device, and running react-native run-android or run-ios.

define user, role, and transaction model classes in a React Native project, using constructors and constraints, and organize them in a models folder.

Build a user panel navigation in React Native using stack, role, and seq navigation, by creating a components folder and menu component, wiring home, product, and detail pages with icons.

Create an admin menu panel with a side navigation that links home, Edwin page, and user page, featuring stack navigation, icons, and user lists and details.

Learn to build a star shaped component using React Native style sheet, organize styles into containers, logos, text inputs, and buttons, and implement alert and success messages with centered layouts.

Customize side menu content in a React Native app by building a drawer content component, exporting it, and using a PureComponent with a scroll view, images, and text.

Builds a react-native router with stack navigators for login and register, and separate user and admin navigators managed by a router container and app state.

Implement the product page by listing all products with a flat list and rendering each item with a title, subtitle, and icon, and pressing item navigates to the detail page.

Test the mobile app by running the server from the main class or via a Gradle task. Then launch on devices or emulators and verify user access via database rules.