🚀 EduCode

Welcome to EduCode, the ultimate coding dojo 🥋 where you don't just learn programming — you live it.
Get your hands dirty with interactive editors, build real-world projects, and become a code wizard 🧙‍♂️ — all from the comfort of your browser!

---

✨ Features That Slap

• 🔥 Interactive Code Editor: Write, compile, and run code without leaving your browser — with sweet syntax highlighting to boot.
• 🌍 Multi-Language Madness: Code in JavaScript, Python, Java, C++, and more. Why limit yourself?
• 📚 All the Learning Goodies: Tutorials, docs, cheat sheets — it's like having a CS degree in your pocket.
• 🛠️ Project-Based Learning: Build real stuff, not just "Hello World". Your portfolio will thank you.

---

🛠️ Tech Stack That’s Built Different

• ⚛️ React
• 🧙‍♂️ TypeScript
• ⚡ Vite
• 🎨 Tailwind CSS
• 🧩 shadcn/ui
• 🎞️ Framer Motion

---

🌐 Live

🔥 Live Preview 🔥
🚀 Visit EduCode Live!

---

🚀 Getting Started — Zero to Hero

Prerequisites

• Node.js & npm — install using nvm (trust me, it's easier)

Installation

# Clone this legendary repo
git clone https://github.com/VarunB453/EduCode.git

# Step into the arena
cd EduCode

# Grab all the secret weapons (dependencies)
npm install

# Launch the dev server and unleash chaos
npm run dev

👉 App will be live at http://localhost:8080 — don’t forget to hydrate!

---

📁 Project Layout Like a Boss

EduCode/
├── public/                  # Static files
│   └── og-image.png         # Open Graph image
├── src/                     # Source code
│   ├── components/          # Reusable UI components
│   │   ├── ui/              # shadcn/ui components
│   │   │   ├── accordion.tsx
│   │   │   ├── button.tsx
│   │   │   ├── chart.tsx
│   │   │   ├── drawer.tsx
│   │   │   ├── popover.tsx
│   │   │   ├── progress.tsx
│   │   │   ├── sheet.tsx
│   │   │   ├── sidebar.tsx
│   │   │   └── ...
│   │   ├── AnimatedBackground.tsx
│   │   ├── CodeEditorComponent.tsx
│   │   ├── Features.tsx
│   │   ├── Footer.tsx
│   │   ├── Hero.tsx
│   │   ├── Navigation.tsx
│   │   ├── Pricing.tsx
│   │   ├── Testimonials.tsx
│   │   └── Workflow.tsx
│   ├── hooks/               # Custom React hooks
│   ├── lib/                 # Utility functions
│   │   └── utils.ts
│   ├── pages/               # Application pages
│   │   ├── CodeEditor.tsx
│   │   ├── Documentation.tsx
│   │   ├── Features.tsx
│   │   ├── Index.tsx
│   │   ├── Pricing.tsx
│   │   ├── Register.tsx
│   │   └── Workflow.tsx
│   ├── App.tsx              # Main application component
│   ├── index.css            # Global styles
│   └── main.tsx             # Application entry point
├── .eslintrc.js             # ESLint configuration
├── .gitignore               # Git ignore file
├── components.json          # shadcn/ui configuration
├── index.html               # HTML entry point
├── package.json             # Project dependencies and scripts
├── postcss.config.js        # PostCSS configuration
├── tailwind.config.ts       # Tailwind CSS configuration
├── tsconfig.app.json        # TypeScript configuration for app
├── tsconfig.json            # TypeScript configuration
├── tsconfig.node.json       # TypeScript configuration for Node
└── vite.config.ts           # Vite configuration

---

🏃‍♂️ Scripts You’ll Love

• npm run dev — Spin up the dev server like a DJ
• npm run build — Make a production build that's smoother than butter
• npm run preview — Test your build before you ship it 🚢

---

🤝 Wanna Contribute?

Pull Requests are the highest form of flattery.
If you have an idea, a fix, or just want to leave your mark, smash that PR button!

---

📜 License

MIT License — because we believe in sharing the good stuff.
See the LICENSE file for all the boring but important details.

---

📬 Contact & Links

Made with 💙 by Varun B

• GitHub: @VarunB453

Check out the project repo here: EduCode Repo

---

"Talk is cheap. Show me the code." — Linus Torvalds

---