LasticXYZ / LasticUI

A UI for the Coretime Parachain
https://lastic-ui.vercel.app
GNU Affero General Public License v3.0
14 stars 16 forks source link

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:

📁 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

🚀 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

FLOW CHART

Figma UI:

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

FIGMA UI

Articles

Articles to check out:

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:

Project Framework

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