“Your one-stop platform to explore, learn, and level up.”
SkillWave is a modern learning platform inspired by Udemy, built to help users explore tech courses, preview video content, and enroll easily in a responsive and sleek UI/UX environment.
It simulates real-time learning with functional components, course previews, interactive designs, and smooth transitions — everything that makes online learning delightful.
✅ User-friendly homepage layout with trending courses
✅ Category-based filtering of courses
✅ Video previews with embedded HTML5 players
✅ Clean & smooth animations using AOS / GSAP
✅ Course detail page with ratings, instructor info
✅ Responsive across devices
✅ Fake cart/enrollment interaction
✅ Fully customizable UI components
| Category | Tools Used |
|---|---|
| 🧱 Markup | HTML5, JSX |
| 🎨 Styling | CSS3, Tailwind CSS, custom animations |
| ⚙️ Functionality | JavaScript, React.js |
| 📹 Media | HTML5 Video, FontAwesome, AOS Library |
| 📦 Deployment | GitHub Pages / Vercel |
| 🔧 Design Tools | Figma, Canva (for course thumbnails) |
 |
 |
 |
 |
| Courses | Categories | Real-Time Experts | Footer |
├── public/
│ ├── index.html
│ └── assets/
├── src/
│ ├── components/
│ │ ├── Navbar.jsx
│ │ ├── CourseCard.jsx
│ │ ├── Footer.jsx
│ ├── pages/
│ │ └── Home.jsx
│ └── App.js
🌐 Connect With Me
- UI references from Udemy’s original platform
- Icons: SkillIcons.dev, FontAwesome
- Animation support: GSAP & AOS library