DEV Community: Sean

What is Glass Wallet and how to use it?

Sean — Fri, 18 Nov 2022 10:03:32 +0000

Table of contents

What is Glass Wallet?
Why Glass Wallet?
Join the community
Creating a wallet
Requesting Tokens
Minting NFTs

What is Glass Wallet?

It is an upcoming mobile and browser wallet to allow users to interact with the Sui blockchain. It allows you to manage your assets and connect to other dApps all in one app.

Why Glass Wallet?

It is a non-custodial wallet - Only you have access to the data, passwords and private keys.
Supports both mobile and web browser
dApp store to allow you to have quick access to the feature and SUI projects with just one click.

Join the community

With close to 18,000 members on our Discord server, we are one of the largest, if not, the largest wallet community for SUI. Feel free to join the server to meet other like minded individuals and also to be part of the early supporter for the Glass Wallet community 🥳

Feel free to download the app here:

iOS
Android

Official links

Creating a wallet

Creating wallet is very simple. All you need to do is to follow the instructions given when you first launch the app.

You should see this page when you first launch the app. Click on the "Get Started" button and it'll re-direct you to the next step.
Agree to the privacy policy then select "Create Wallet Now"
You should now see a page that gives you 2 option on whether to create or import a wallet.
You should see this page if you select "Import a wallet". It will ask you for your 12-word passphrase and once you key in, you should be able to load your wallet.
If you're like me who selected "Create a new wallet", you should see this page. This will ask you for your password which will prompt you every time you launch the app.
Once you're done setting up your password, you will be directed to a page with your seed phrase. You should store your passphrase securely and not send it to anyone.
Finally! You're done creating your wallet using Glass Wallet app. We will automatically airdrop you 0.05 SUI for every wallet that you've successfully created. Isn't that awesome?

How do I request more tokens from the faucet?

The amazing thing about Glass Wallet is that we have built-in a faucet into the wallet which allows you to request for a devnet token on the SUI blockchain. Here are the steps to request for a token from the faucet

Select the menu at the top right
Select either one of the accounts that you want to request from faucet
You should see a "Request test SUI tokens".
Click on it and you will be able to get 0.05 tokens.

How do I mint using Glass wallet?

You currently cannot mint NFT using the wallet app. However, you can send and receive NFTs from within the app. This allows you to easily trade NFTs between wallets in the app.

You can click here to find out more on how to receive NFTs.

You can click here to find out more on how to send NFTs.

Free platform to host your full stack application

Sean — Fri, 11 Nov 2022 04:49:34 +0000

Hello web developers!👋

Ever thought of where you can host your small scale full stack application completely for free? You heard it right! There are many services out there that supports developers by providing a free tier to their service. In this post, I'll be guiding you through the process of hosting it your application on these platforms.

Note: I won't be going through how to build the frontend and backend. I'll only be showing you how to host your application

Table of Contents:

Frontend
Backend
MongoDB

Frontend

Since Next.js is popular for web development, I'll be using Next.js to demonstrate the deployment on Vercel. Vercel also supports hosting for CRA but it supports best for Next.js since this framework is created by the Vercel team.

Create a repository on GitHub for your frontend app.
Log into your Vercel account and click on Add new > Project
You should see something like this. Click on Continue with GitHub
Find your project and click on import then click Deploy. Note: If your frontend application is inside a frontend folder, make sure to change Root Directory to ./frontend. This will tell Vercel where to find your frontend application
That's it! You've successfully deployed your Next.js application on Vercel 🥳

Backend

I'll assume that you are using ExpressJS for your backend server. The reason why we are using a separate server is because Vercel only allows your serverless function to run for up to 10 seconds in your Next.js app. If you requests manages to run within 10 seconds then you're free to use Vercel's serverless function but for most cases, you'll need to use ExpressJS as your requests will usually take more than 10 seconds to receive a response.

Create a repository on GitHub for your backend server. Note: If you don't want to create a new repository for your server, you can just host it together with your frontend repository. Just create a folder named backend and place your ExpressJS files in it.
Visit Render to host your server. Your dashboard should look like this:
You can select New > Web Service
Your repository should appear. Select Connect and it should automatically connect to your repository
Fill out all the necessary details. Make sure your root directory follows the name of the folder that your backend app is in. For mine, it's in backend folder.
Scroll all the way down and click on Create Web Service.
That's it. You've successfully deployed your backend server on Render

MongoDB

NoSQL database seems to be very popular and MongoDB is the go-to for this. If you are looking to run your MongoDB instance for free, you should check out MongoDB Atlas.

Create your account and verify it
Once you've done it, you should be re-directed to the dashboard here
Click on Create Database and select the free tier
Select your configuration and click Create cluster
Create your user and your IP address then click Finish and Close
That's it. You've successfully created your MongoDB instance.
Now all you need to do is click on Connect and it should guide you on how to connect to your database instance.

Note: Since you're hosting your server on render.com, you need to configure your network access so that your server can connect to your database when you host it online.

I hope that you like this short write up and continue building your MVP on these free platforms 🥳

How to setup Blazor App with Nginx and Docker

Sean — Sun, 06 Sep 2020 07:08:44 +0000

Welcome to my first post on how to set up a Blazor WASM project with Nginx and Docker. I hope that after reading this guide, you'll be able to set up your own blazor project. You can check out the git repository on Gitlab and Github

Introduction to Blazor
Creating a Blazor App
Creating Dockerfile
Creating Nginx Conf
Running Blazor App

Introduction to Blazor

Blazor is a framework that enables developers to develop modern web applications using .NET and C# without the need for Javascript. No plugin is needed as it can run on any modern web browsers on any devices. Let's move on and start building our application.

Creating a Blazor WASM Project

Open up Visual Studio and create a Blazor App

Follow the image below and click on create

Creating Dockerfile

Create a Dockerfile in root folder
The code below is the dockerfile configuration ```dockerfile

Here, we include the dotnet core SDK as the base to build our app

FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build-env

Setting the work directory for our app

WORKDIR /BlazorApp1

We copy the .csproj of our app to root and

restore the dependencies of the project.

COPY /BlazorApp1/BlazorApp1.csproj .
RUN dotnet restore "BlazorApp1.csproj"

We proceed by copying all the contents in

the main project folder to root and build it

COPY /BlazorApp1 .
RUN dotnet build "BlazorApp1.csproj" -c Release -o /build

Once we're done building, we'll publish the project

to the publish folder

FROM build-env AS publish
RUN dotnet publish "BlazorApp1.csproj" -c Release -o /publish

We then get the base image for Nginx and set the

work directory

FROM nginx:alpine AS final
WORKDIR /usr/share/nginx/html

We'll copy all the contents from wwwroot in the publish

folder into nginx/html for nginx to serve. The destination

should be the same as what you set in the nginx.conf.

COPY --from=publish /publish/wwwroot /usr/local/webapp/nginx/html
COPY nginx.conf /etc/nginx/nginx.conf



  
  
  Creating a Nginx Conf <a name="chapter-3"></a>



Create a nginx.conf in the root folder
```nginx.conf


events { }

http {

    include mime.types;

    types {

        application/wasm wasm;

    }

server {
    listen 80;

    # Here, we set the location for Nginx to serve the files
    # by looking for index.html
    location / {
        root /usr/local/webapp/nginx/html;
        try_files $uri $uri/ /index.html =404;
    }
}



}

Running Blazor App

Once you're done with all the configurations, you should be able to run your web app on the browser.

You'll first need to build the project by running docker build -t blazor-wasm .
- docker build tells docker that you're planning to build the project. -t indicates that you're going to set a tag/name for your build and blazor-wasm is the name of your build and . is the path for your build.
Once the build is successfully done, run docker run -p 8080:80 --name webapp blazor-wasm
- docker run tells docker that you're going to run your web application. -p 8080:80 sets the port for hosting your web app. --name webapp sets the name for your docker container. blazor-wasm is the name of your image that you just created when running docker build
Go to http://localhost:8080 and you should be able to see your web application on the browser.

I hope that after reading this guide, you are able to run your own Blazor app in docker. A special thanks to Chris Sainty for helping me understand how to containerise my Blazor app with Docker and Nginx. You can check out his article here

Which service provider should I use to host my backend for production?

Sean — Fri, 02 Aug 2019 03:53:18 +0000