Skip to main content
Tiny Vikings Project

Tiny Vikings

Front End Development Project

Frontend DevelopmentCSS/HTMLJavaScriptFigma to Code
Tiny Vikings - Bitcoin Ordinals Project

Project Overview

I worked on this project for a client who provided me with a Figma design. My role was to transform the visual design into a fully functional website using pure CSS and JavaScript.

Tiny Vikings is a Bitcoin Ordinals project featuring a unique Ragnarok theme with interactive elements, real-time statistics, and community features. The project showcases advanced frontend development skills in creating engaging user experiences.

The development process involved carefully converting the Figma designs into pixel-perfect HTML/CSS while implementing interactive JavaScript functionality for features like the countdown timer, statistics display, and wallet integration.

Technical Implementation

Design to Code Conversion

Transformed Figma designs into responsive HTML/CSS with pixel-perfect accuracy

Interactive Elements

Implemented JavaScript for real-time countdown, statistics, and wallet connectivity

Performance Optimization

Optimized code for fast loading and smooth user interactions

Project Details

Client:Confidential
Timeline:2024
Role:Frontend Engineer
Status:Live

Technologies Used

HTML5CSS3JavaScriptFigmaResponsive Design

Live Project

Visit Tiny Vikings

Key Features Implemented

Bitcoin Integration

Implemented Bitcoin Ordinals wallet connectivity and blockchain integration features

Real-time Statistics

Created dynamic displays for fallen Vikings count, blocks to halving, and live data

Interactive UI

Built engaging user interface with smooth animations and responsive design

Community Features

Integrated social links, marketplace connections, and community engagement tools