filmov
tv
Ionic React 6 Type Script - Login Page #2 With Parse Back4app & MongoDB
Показать описание
02:59 | 05:37 Creating Login Page & changing redirect to the login page [x]
05:37 | 20:45 Creating Login Page Inputs and Simple GUI
20:45 | 25:01 Added Login Dynamic Inputs using useState Hook[x]
25:01 | 32:40 Added handle Login async arrow function to handle login request from back end
25:01 | 32:40 Added IonRouterLink to add a link to go to the register page [x]
32:40 | 40:25 -Successfully passing the login data and Debugging the User object data from back4app [x]
Today i am going to show to you guys how to start developing in ionic 6, react with building a simple register page and connecting it to a backend utlizing properties , useEffect and useState hooks aswell as an async await function.
#Demo
#Requirements
1. Node JS
2. Ionic Client
npm install -g @ionic/cli
npm install -g yarn
2. To start using this application
-
```
const PARSE_APPLICATION_ID = "";
const PARSE_JAVASCRIPT_KEY = "";
```
#### Part 2 Login and restricting only logged in users Tasks Done
- Added Login GUI [x]
- Added Login Dynamic Inputs using useState Hook [x]
- Added handleLogin async arrow function to handle login request from backend[x]
- Restricting Access Only to LoggedIn User []
- Remove Login Page Content if user is logged in []
- Part 2 References -
05:37 | 20:45 Creating Login Page Inputs and Simple GUI
20:45 | 25:01 Added Login Dynamic Inputs using useState Hook[x]
25:01 | 32:40 Added handle Login async arrow function to handle login request from back end
25:01 | 32:40 Added IonRouterLink to add a link to go to the register page [x]
32:40 | 40:25 -Successfully passing the login data and Debugging the User object data from back4app [x]
Today i am going to show to you guys how to start developing in ionic 6, react with building a simple register page and connecting it to a backend utlizing properties , useEffect and useState hooks aswell as an async await function.
#Demo
#Requirements
1. Node JS
2. Ionic Client
npm install -g @ionic/cli
npm install -g yarn
2. To start using this application
-
```
const PARSE_APPLICATION_ID = "";
const PARSE_JAVASCRIPT_KEY = "";
```
#### Part 2 Login and restricting only logged in users Tasks Done
- Added Login GUI [x]
- Added Login Dynamic Inputs using useState Hook [x]
- Added handleLogin async arrow function to handle login request from backend[x]
- Restricting Access Only to LoggedIn User []
- Remove Login Page Content if user is logged in []
- Part 2 References -