CraftLearn is a decentralized learning platform that teaches various crafts and provides certification upon completion. Built using React , Tailwind CSS and Framer. it integrates with EduChain for decentralized storage and Solidity smart contracts for issuing verifiable certificates on the blockchain.

CraftLearn blends hands-on artisan training with Web3-powered learning, helping you master your craft and gain digital recognition—all in one place.

Digital Certification: Get certified and showcase your skills on-chain.

Web3 Made Simple: Learn practical artisan skills while understanding Web3.

Hands-on Learning: Practical, real-world skills for artisans.

Earn as You Learn: Unlock new income streams with your craft.

No Experience Needed: Beginner-friendly courses, no prior knowledge required

Community Support: Connect with fellow artisans & experts.

Before diving into your craft, take a short Web3 crash course. Earn a verified Web3 certificate upon completion.

2. Pick a Craft

Choose from artisan skills like baking, bead-making, or weaving. Learn at your own pace with expert-led lessons.

3. Get Certified & Earn

Complete your craft course, receive a blockchain-verified certificate, and unlock earning opportunities.

As the Frontend Engineer for Craftlearn, I was responsible for building an engaging, responsive, and web3-integrated user experience. My contributions include:

Frontend Development: Designed and developed the entire user interface using React, with component-based architecture and reusable design patterns.

Styling: Used Tailwind CSS to create a modern, scalable, and responsive UI.

Animation & UX Enhancements: Leveraged Framer Motion to introduce smooth transitions and interactions, enriching the user experience.

Data Management: Integrated TanStack Query (React Query) for efficient data fetching, caching, and synchronization with the blockchain and backend services.

Web3 Integration: Implemented OCID for on-chain identity verification and wallet connectivity, enhancing trust and decentralization.

Smart Contract Interaction: Worked closely with Solidity smart contracts deployed on EduChain, connecting UI elements to real-time blockchain data.

Performance Optimization: Focused on accessibility, load performance, and responsive behavior across devices.