🎓 Skillbridge - E-Learning Platform

Skillbridge is a modern, responsive e-learning platform built with the latest web technologies. It provides a seamless user experience for exploring courses, pricing plans, and academic tracks.

🚀 Technologies Used

• Frontend Framework: React 19 (latest version).
• Build Tool: Vite 7 for ultra-fast development.
• Styling: TailwindCSS v4 (using the new Vite plugin).
• Routing: React Router 7.
• Forms & Validation: Formik & Yup.
• Icons: FontAwesome.
• Deployment Ready: Configured for Vercel.

---

📁 Project Structure

The project follows a clean and modular architecture:

public/
├── videos/ # Videos Media
src/
├── assets/ # Media files (Icons, Images)
├── components/
│ ├── common/ # Reusable components (Buttons, Inputs)
│ ├── layout/ # Wrapper components (Navbar, Footer)
│ ├── sections/ # Page-specific sections (Hero, Features)
│ └── UI/ # Atomic UI elements
├── data/ # Static JSON files for dynamic content rendering
├── pages/ # Main route pages (Home, About, Contact, Pricing)
├── App.jsx # Main application component & routes
└── main.jsx # Entry point

---

✨ Features

• Modern UI/UX: Clean design focused on readability and learning.
• Dynamic Content: Data is managed through centralized JSON files in the data/ folder for easy updates.
• Robust Forms: Contact and registration forms validated with Yup.
• Fully Responsive: Optimized for mobile, tablet, and desktop screens.
• Performance: Optimized build using Vite and React Compiler.

---

🛠️ Getting Started

To get a local copy up and running, follow these steps:

1. Clone the repository

   git clone https://github.com/k7areef/Skillbridge.git

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Build for production

   npm run build

---

📝 License

Distributed under the MIT License. See LICENSE for more information.

---

📬 Contact

Project Link: github.com