Create a Project by Cloning a Template
We have created different types of ready-to-use templates to help you build your web apps faster.
Also, all the templates are free.
How to Clone a Template?
1. Login/Sign Up to Your DrapCode Account
Login to your DrapCode account. In case, you have not made it yet, then click here and sign up now.
2. Create a Project
After logging in to your DrapCode account, you will land on your dashboard (which looks as shown in the image below).
To clone a template, just click the Create Project button in the dashboard.
3. Clone a Template
Click the Continue button on "Clone From a Template/Existing Project" card.
4. Select a Template
After selecting the template cloning option, you will land on the page containing all the existing projects and readymade templates. Scroll down to the templates section, select a template that you want to clone and click the Clone this Template button.
5. Name the Project
Type the project name of your choice and click the create project button. If you want to edit advanced project settings, then click on the Advanced Settings button (marked in red below).
6. Advanced Project Settings
Under the advanced settings, you can choose whether you want to clone the template with all dummy data or not. If you don't want to clone the dummy data then untick the check box.
You can also upload a favicon or upload the icon/logo image of your web app under the advanced settings.
7. Clone the Template
Once you have edited the advanced settings, click the Clone Project button.
8. Start Designing Your App
Now click the Start Designing Your App button and it will take you to your builder console.
9. Builder Console
The Builder Console is where all building and designing action takes place. As you cloned a template, your builder will have all the fully designed pages. Everything is 100% customizable so if you want to make changes, go ahead and do it.
You can also get a quick intoduction of the builder, so you can easily navigate through it.
10. Your Dashboard
Once you have successfully created a project, it will start showing in your dashboard in the form of a card.
To open the builder console/project editor, click on the Project Builder button. You can access the project settings and the back office portal from here or take a live view of your app.