https://github.com/younus-always/skillspring_front-end
SkillSpring is an online learning platform designed to connect skilled teachers with eager learners. The platform allows teachers to apply, create classes, and share their expertise in various domains such as web development, game development, digital marketing, app development, UI/UX design, graphic design, video editing, photography, and cybersec
https://github.com/younus-always/skillspring_front-end
axios daisyui expressjs firebase mongodb nodejs reactjs swiper-js tailwindcss
Last synced: 2 months ago
JSON representation
SkillSpring is an online learning platform designed to connect skilled teachers with eager learners. The platform allows teachers to apply, create classes, and share their expertise in various domains such as web development, game development, digital marketing, app development, UI/UX design, graphic design, video editing, photography, and cybersec
- Host: GitHub
- URL: https://github.com/younus-always/skillspring_front-end
- Owner: younus-always
- Created: 2025-02-04T18:19:47.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-05T13:38:50.000Z (4 months ago)
- Last Synced: 2025-04-05T09:15:37.263Z (2 months ago)
- Topics: axios, daisyui, expressjs, firebase, mongodb, nodejs, reactjs, swiper-js, tailwindcss
- Language: JavaScript
- Homepage: https://skill-spring25.netlify.app
- Size: 13.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 **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](https://skill-spring25.netlify.app/)
🔗 **Backend Repository:** [SkillSpring Backend](https://github.com/younus-always/SkillSpring_Back-end)
---
## 📌 **Installation Guide**
Follow these steps to set up **SkillSpring frontend** on your local machine:
### 🔹 **Frontend Setup**
1️⃣ **Clone the repository**
```sh
git clone https://github.com/yourusername/SkillSpring_Front-end.git
cd SkillSpring_Front-end
```
2️⃣ **Install dependencies**
```sh
npm install
```
3️⃣ **Configure environment variables**
Create a `.env.local` file in the root directory and add:
```ini
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**
```sh
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](https://www.netlify.com/)** → 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](https://github.com/younus-always)
🎉 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!** 🚀😊