IceZoners – Solidity Learning Platform 🧊🧠

IceZoners is a stylish and gamified educational platform built with Vue.js that teaches blockchain development through interactive courses and dynamic NFT avatars. Inspired by CryptoZombies, IceZoners levels up the experience with modern UI design, animated feedback, and detailed course progression.

🌟 Features

• 🎓 Learn Solidity – Beginner to advanced smart contract development.
• 🢨 Avatar Selection – Choose a cool NFT-inspired avatar for your profile.
• 🛝 Course Filtering – Browse lessons by topics like Solidity, zkSync, Tron, and more.
• 📘 Detailed Course Pages – Full course content, lesson breakdown, and what you'll learn.
• 💬 Modals for Auth – Register/Sign-In with modern animated modal components.
• 📈 Progress UX – Visual cues like percentage bars for lesson tracking.

---

🚀 Tech Stack

• Vue.js 3 – Composition API
• Vue Router – For navigating course views
• Tailwind CSS – Fast styling and responsive layout
• Vuex – State management for avatar selection
• JSON – For static course content simulation

---

📸 Screenshots

---

📦 Project Setup

Install dependencies:

npm install

Start development server:

npm run serve

Build for production:

npm run build

Lint and fix files:

npm run lint

---

⚙️ Customize Configuration

See Vue CLI Configuration Reference.

---

📚 Credits

Inspired by the original CryptoZombies and powered by creativity + code.

---

📄 License

MIT © 2025 IceZoners Dev Team