LasticXYZ / LasticUI

A UI for the Coretime Parachain

LasticUI

Welcome to the LasticUI repository! This repository is dedicated to enabling seamless interaction with the Coretime Parachain.

🌿 Branch Structure

There are 3 main branches that are relevant:

• development - this branch contains most recent development
• main - this branch is features deployments that have yet to be tested and released to the public. The deployment of main branch inside folder ./static-frontend can be also accessed on test.lastic.xyz
• stable - features the stable branch that is tested, this is the branch that is deployed on lastic.xyz

📁 Directory Overview

The repository is organized into two primary directories:

1. ./static-frontend:
   • Contains the static frontend integrated with wallet connection functionality.
   • Serves as the boilerplate code that will evolve into the official Lastic website.
   • Design mirrors what's showcased in the Figma UI. As of now, the graphs are populated with mockup data.

🚚 Repository Migration

• ./core_chain_sdk has moved! Check out LasticSDK for the SDK development tailored for Coretime chain interactions.

🚀 Quick Start

Getting Started

To set up and run the project, follow the steps below:

# Install the required dependencies
pnpm install

Copy the .env.local.example and rename it to .env.local. If you are using Subscan create a subscan public token and add it here: NEXT_PUBLIC_SUBSCAN_TOKEN='...'.

Set up the environmental variables, copy and rename .env.local.example.

# Start the development server
pnpm run dev

Visual Resources

Flow Chart:

Click on the image below to access the full-sized flow chart:

Click to visit Flow Chart

Figma UI:

After launching, navigate to Options > Fit Width for the best view. Click to visit Figma UI

Articles

Articles to check out:

• Unlocking the Future of Blockspace
• The Genesis of Lastic
• Simplifying RFC-1: Understanding Agile Coretime for the Polkadot Network
• Polkadot 2.0: A New Era of Decentralization
• Unraveling Agile Coretime: Polkadot’s Innovative Resource Allocation

Lastic Static Frontend

This repository contains the boilerplate code for the Lastic website. The frontend is designed to integrate with wallet connection functionality and is based on the designs showcased in the Figma UI.

Functionality:

• Houses the static frontend with wallet connection features.
• Will be further developed into the official Lastic website.
• The design closely follows the Figma UI. Currently, the graphs use mockup data for demonstration.

Project Framework

This project is built using Next.js, uses pnpm and Tailwind css.