Getting Started
    Why Webcodesk?
    System Requirements
    Install Webcodesk
    Beginner Tutorial
    Bootstrap project
    Review components
    Create main page
    Create sign-in page
    Create sign-up page
    Create initialization flow
    Create main flow
    Create sign-in flow
    Integration with Firebase
    Create sign-up flow
    Build application
    Open source code in IDE
    Open in IntelliJ IDEA
    Source code structure
    How it works?
    Writing source code
    Create React component
    Develop component in isolation
    Create functions
last edited 2019-04-10

Create sign-in page

Here we should create sign_in page from scratch.

Find icon with a plus sign in the Pages section header and click on it. Then enter sign_in name into the Page Name input field in the appeared dialog.

Click the Create button in the dialog. We will see the new tab with the page editor for the new page.

Let's put the same layout on this page as we did it on the main page. Drag and drop the PageLayout component into the page. And place the SignInForm component into the PageLayout cell area.

Click the Save button to save changes in the page, and go to create the sign-up page.

last edited 2019-04-10

Create sign-in page

Here we should create sign_in page from scratch.

Find icon with a plus sign in the Pages section header and click on it. Then enter sign_in name into the Page Name input field in the appeared dialog.

Click the Create button in the dialog. We will see the new tab with the page editor for the new page.

Let's put the same layout on this page as we did it on the main page. Drag and drop the PageLayout component into the page. And place the SignInForm component into the PageLayout cell area.

Click the Save button to save changes in the page, and go to create the sign-up page.