Micorsoft LearnHub

A modern, interactive learning platform with curated courses for AI, ML, Web Dev, and more

## ✨ Features

• 📚 Comprehensive Course Catalog - Browse curated learning paths and courses
• 🔍 Smart Search - Quickly find courses by title or topics
• 📱 Responsive Design - Works seamlessly on desktop and mobile devices
• 🎨 Modern UI - Clean, intuitive interface with smooth animations

🛠️ Tech Stack

• Frontend: React 18, TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher )
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/yourusername/learn-hub-esi.git
   cd learn-hub-esi

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser

   Navigate to http://localhost:5173 to see the app.

Build for Production

npm run build

The production files will be output to the dist/ folder — ready to deploy on any static hosting platform (Vercel, Netlify, GitHub Pages, etc.).

📦 Available Scripts

Command	Description
npm run dev	Start development server
npm run build	Build for production
npm run preview	Preview production build

📁 Project Structure

learn-hub-esi/
├── components/
│   ├── CategorySection.tsx   # Course category display
│   └── CourseCard.tsx        # Individual course card
├── App.tsx                   # Main application component
├── constants.ts              # Course data and configuration
├── types.ts                  # TypeScript type definitions
├── index.tsx                 # Application entry point
├── index.css                 # Tailwind CSS entry
├── index.html                # HTML template
├── vite.config.ts            # Vite configuration
└── tsconfig.json             # TypeScript configuration

🤝 Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Lucide Icons for beautiful icons

---

Made with ❤️ for the developer community by Amine Gharout