Skip to content

Haikeysgit/Front-end-blockchain-dev-site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Front-end-blockchain-dev-site

A modern, responsive landing page designed to inspire and guide aspiring blockchain developers to quality educational resources.

🌐 Live Demo

View Live Site →

🎯 Project Overview

This landing page was built to help people discover blockchain development opportunities in 2026, with a focus on:

  • Critical thinking and problem-solving skills
  • Free educational resources through Cyfrin Updraft
  • Learning from industry experts like Patrick Collins

🛠️ Built With

  • HTML5 - Semantic markup structure
  • CSS3 - Custom styling + Tailwind CSS utilities
  • Vanilla JavaScript - Interactive features and animations
  • Responsive Design - Mobile-first approach

📁 Project Structure

blockchain-dev-2026/
│
├── index.html      # Main HTML structure
├── styles.css      # Primary styling (desktop + general)
├── mobile.css      # Mobile-responsive styles
└── script.js       # Interactive functionality

✨ Features

  • 🌓 Dark/Light Mode Toggle - Smooth theme switching with persistent preference
  • 📱 Fully Responsive - Optimized for mobile, tablet, and desktop
  • Smooth Animations - Scroll-triggered animations and hover effects
  • 🎥 YouTube Integration - Embedded course content
  • 🔗 Social Proof - Instructor credentials and community links
  • Fast Loading - Minimal dependencies, optimized assets

🎨 Sections

Hero Section

Eye-catching introduction with animated code snippet and clear call-to-action

Why Blockchain in 2026?

Three core value propositions:

  • Critical Thinking development
  • Problem Solving skills
  • Early adoption advantage

Cyfrin Updraft Introduction

Overview of the platform with key learning tracks:

  • Smart Contracts
  • Security
  • DeFi
  • Community

YouTube Course

Full embedded course video (32+ hours of content)

Instructor Spotlight

Featuring Patrick Collins - industry expert and educator

About the Developer

Portfolio and contact information


🚀 Deployment

This project is deployed on Netlify with automatic deployments from the main branch.


⭐ Support

If you found this project helpful or inspiring:

  • Give it a star ⭐ on GitHub
  • Share it with others learning blockchain development
  • Follow me for more Web3 projects

Releases

No releases published

Packages

No packages published