Quick Start - Creating an Account, Project, and Workspace
  • 15 Oct 2021
  • 7 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Quick Start - Creating an Account, Project, and Workspace

  • Dark
    Light
  • PDF

Note: There will be sections in this guide that include updated version information. If so, it will be marked as such.


Chainstarters Quick Start

Now that you know why we built the Chainstarters platform and you have an idea of what goes into building on it, let's create a project so that you can:

  • Understand the Chainstarters Interface
  • Familiarize yourself with the tools and resources that are assembled for you
  • Create your local development environment
  • Push code and trigger a pipeline deployment


Here is a video guide, but if you prefer a text guide, follow below Create an Account

Create an Account

Current

To sign up for chainstarters, enter your email

new-sign-up

When you do, you will get a magic link sent to your email for confirmation and to start the sign up process. Do not close the browser window.

magic-link

This is what you should see sent to your email

email-magic-link

Once you click on the link in the email, you will be redirected to a browser window confirming the magic link, which will instruct you to close this browser window so you can go back to the window (or tab) where you entered your email initially.

You should now see a sign up process like so:

sign-up-process

As you go through the steps you will be asked:

Your Profile

  • Tell us about yourself (are you a developer, educator, entrepreneur, or administrator)

Your Organizations

  • Asks you where you will use our software (i.e. Startup, Software Dev Agency, etc.)

Current Plans Available

Once you answer those initial questions, it's time to pick a plan. As of the latest version, the only plan available is the Growth plan.

select-a-plan

As with any Chainstarters plan selected, you will get your first month free.
You can add developers to your Growth plan by updating the number on the bottom of the plan card.

Once you select your plan and number of developers and click Next, you will be directed to confirm your free trial, where you will see the invoice and the total zeroed out as a result of the promo code.
*This is subject to change at any time.

trial-window

Once you have confirmed your payment info, reviewed your first invoice, and click on Get Started, you will be directed to create your first project!

welcome-to-chainstarters




Here is a video guide, but if you prefer a text guide, follow below Login

Login

To login to the platform, you start by entering your email.

new-login

When you do, you will get a magic link sent to your email to complete validation for log in. Do not close the browser window.

magic-link

This is what you should see sent to your email

email-magic-link

Once you cllick on the link in the email you will be redirected to a browser window confirming the magic link, which will instruct you to close this browser window so you can go back to the window (or tab) where you entered your email initially.

You should now see your Chainstarters Dashboard:

chainstarters-dashboard-new




Legacy

Before you can create a Chainstarters account, you'll need an invite code, which we will provide for you.

Start up the app in the browser. You will see a login screen with a sign-up prompt under the login button.

login

When you sign up for a plan with Chainstarters (after an invite from the waitlist), you will be given a code to submit.

code-entry

Once you enter the code and click "Submit Code" you will be directed to enter your company details and create a workspace.







Tools You Need

While Chainstarters takes care of a lot of resource creation and management, there are tools that you will need to complete this quick start. We have deep-dive documentation for your reference as you get further along in building your project. The tools you will need in your dev environment will depend on your role (frontend, backend or fullstack).

Frontend Tools

  • Terminal (recommendations: iTerm for Mac. WSL (Windows Subsystem for Linux) through the new Windows Terminal for Windows machines
  • An IDE or code editor (our recommendation: Visual Studio Code)
  • Xcode - for iOS
  • Android Studio - for android
  • Node (version 10 or later)
  • Yarn Package Manager
  • Cocoapods
  • iOS and Android simulators
  • Java JDK8 (more specific instructions in React Native - Android section)

Backend Tools

  • Terminal (recommendations: iTerm for Mac. WSL (Windows Subsystem for Linux) through the new Windows Terminal for Windows machines
  • direnv
  • An IDE or code editor (our recommendation: Visual Studio Code)
  • Node (version 10 or later)
  • Yarn Package Manager
  • A Database Explorer (i.e. TablePlus, SequelPro)








Home Dashboard

After creating the company and workspace, you will see a home dashboard where all of your projects, documentation, and support ticket history are displayed.

console-view

You'll also see the checklist, which is made up of steps that will help you get integrated into the Chainstarters community, when you click on each one, you will be directed to the appropriate step:

  • Create your first project (which you are about to do!)
  • Invite Your Team
  • Choose Log-in type
  • Confirm and configure Gitlab account
  • View Documentation
  • Explore the Dashboard
  • Join our community
  • View Documentation
  • Check out helpful resources


Here is a video guide, but if you prefer a text guide, follow below Create a Project

Create a Project

Current Version 1.1.0

You'll be taken through an updated interface that includes the information on what you get with your new project, as well as a section to fill in your project name.

The big change with the project creation step is in selecting your authentication method.

select-authentication.png

We will mention this often in the documentation, but we strongly recommend using Magic Link for your authentication. Your end user will appreciate the ease in which login is possible.

After you select the authentication version, you will be redirected to your primary home dashboard.

New_Dashboard_home.png

From here simply click on the project avatar to be directed to the Chainstarters Project Dashboard

Chainstarters_Project_Dashboard.png





Previous Version - Legacy

These steps are a great way to get into the community, now let's create a project!

To create a new project, click on Create Project, which is next to the project search bar and refresh icon. After clicking, you will see a modal pop up where you confirm the workspace, enter a name for the project and add a login type with the following choices:

  • Phone Number
  • Email
  • Email and Phone Number

new-project

Note that you will receive an email regarding your newly-created Gitlab account. Be sure to go to that email, confirm your account, and update your password and 2FA. Once you complete those steps, you will be able to access your Gitlab repositories, which are vital for you to develop and deploy your code.








Gitlab

Once you create the account, you will receive two more emails for email authentication and Gitlab setup.

After you have gone through the password setup, you will need to set up two-factor authentication. It's a fairly simple step by step process.


Your workspace

Once you have created a new project and an associative workspace, you should see a dashboard that is reflective of the current environment you are in. This enviroment is a pre-made cluster with deployed resources.


Current Dashboard

new-dashboard-2


Legacy Dashboard

the-dashboard


Looking at your workspace

Before we fast track through this quick start, take a moment to look at the sidebar navigation. This will direct you to your core resources, project secrets, logging, Admin, edit resolver functions (backend) and view our documentation for reference at any time.

side-nav

Clicking on the Chainstarters logo will take you back to your home dashboard. Clicking on Status will reveal an informational modal with the current status of your project environment. Clicking on the Gitlab button will take you to a Chainstarters-hosted Gitlab site with the repositories that were auotmatically created when you set up your project!

For more information on our resolvers, go to our GraphQL guide in this quick start, or to our deeper dive into GraphQL API in our Platform Resources section.


Follow Up - additional notes

While we will deep-dive into the resources in later sections of our documentation, let's do a quick rundown of what we have created so far:

  • Three Ethereum Smart Contracts
    • With three minters for the different environments (dev, test, and prod)

  • RDS (Amazon Relational Database Service)Tables
    • 3 Databases hosted on two RDS subnets - one public, and one private in a VPC (Amazon Virtual Private Cloud)
      • two tables live inside the private subnet
      • one table lives in the public subnet

  • Redis Cluster - last cache

  • CDN
    • Full on content delivery network.
  • Deployment of resources is provisioned through Terraform.

We'll get more into all of our resources later in this guide, but for now, let's pull our project into our local machine using Gitlab!


Was this article helpful?