🚀 SkillSpring – Empowering Learning & Teaching

📖 About SkillSpring

SkillSpring is an online learning platform designed to connect skilled teachers with eager learners. It allows instructors to apply, create courses, and share expertise in various fields, including:

✅ Web Development
✅ Game Development
✅ Digital Marketing
✅ App Development
✅ UI/UX Design
✅ Graphic Design
✅ Video Editing
✅ Photography
✅ Cybersecurity

With SkillSpring, learning and teaching are seamless, interactive, and engaging! 🎓✨

---

🌐 Live Demo

🔗 Live Site: SkillSpring Platform
🔗 Backend Repository: SkillSpring Backend

---

📌 Installation Guide

Follow these steps to set up SkillSpring frontend on your local machine:

🔹 Frontend Setup

1️⃣ Clone the repository

git clone https://github.com/yourusername/SkillSpring_Front-end.git
cd SkillSpring_Front-end

2️⃣ Install dependencies

npm install

3️⃣ Configure environment variables
Create a .env.local file in the root directory and add:

VITE_FIREBASE_apiKey=your_firebase_api_key
VITE_FIREBASE_authDomain=your_firebase_auth_domain
VITE_FIREBASE_projectId=your_firebase_project_id
VITE_FIREBASE_storageBucket=your_firebase_storage_bucket
VITE_FIREBASE_messagingSenderId=your_firebase_messaging_sender_id
VITE_FIREBASE_appId=your_firebase_app_id

# imgbb upload key
VITE_IMAGE_UPLOAD_KEY=your_imgbb_key

# Stripe publishable key
VITE_PAYMENT_PK=your_stripe_publishable_key

4️⃣ Start the development server

npm run dev

By default, the frontend runs on http://localhost:5173/

---

✨ Features

✅ Modern UI/UX with Tailwind CSS & DaisyUI
✅ Secure Authentication using Firebase
✅ Payment Integration via Stripe
✅ Animated Interactions using Lottie & Motion
✅ Responsive Design with Swiper, React Hook Form & RSuite
✅ Image Uploads via IMGBB API

---

🚀 Deployment Guide (Netlify)

1. Push the project to GitHub
2. Go to Netlify → Click New Site from Git
3. Select your GitHub repository
4. Set up environment variables in Netlify’s settings
5. Deploy the project and enjoy your live site! 🚀

---

🛠 Troubleshooting

🔹 Firebase Errors? Double-check API keys & Firebase settings.
🔹 Styling Issues? Run npm run build to ensure styles are applied.

---

👥 Contributors

💡 Md. Younus Islam – GitHub Profile
🎉 Contributions are welcome! Fork the repo, create issues, and submit PRs.

---

🌟 Final Thoughts

🚀 SkillSpring is more than just a platform—it’s a movement towards quality education!

Whether you're a teacher looking to share knowledge or a learner eager to explore, SkillSpring is here to support your journey.

💙 Thank you for being part of this mission! Let’s build a smarter world, together. 🎓✨

Happy coding & happy learning! 🚀😊