LearnHub 📚✨

<p align="center"> <img src="https://github.com/user-attachments/assets/e83d209e-2c8c-406c-a106-a4e3c2483c95" alt="LearnHub Logo" width="120"/> <br> <svg width="220" height="60" viewBox="0 0 220 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-size="28" font-family="Verdana" fill="#6C63FF"> LearnHub </text> </svg> <br> <img src="https://readme-typing-svg.demolab.com?font=Fira+Code&size=22&duration=2000&pause=500&color=6C63FF&center=true&vCenter=true&width=380&lines=Explore+Courses;Building+Real+World+Projects;Contribute+and+Learn" alt="Typing SVG" /> </p> <p align="center"> <b>Welcome to LearnHub — a platform designed to help users master essential technology skills !</b> </p>

📊 Project Insights

<table align="center"> <thead align="center"> <tr> <td><b>🌟 Stars</b></td> <td><b>🍴 Forks</b></td> <td><b>🐛 Issues</b></td> <td><b>🔔 Open PRs</b></td> <td><b>🔕 Closed PRs</b></td> <td><b>🛠️ Languages</b></td> <td><b>👥 Contributors</b></td> </tr> </thead> <tbody> <tr> <td><img alt="Stars" src="https://img.shields.io/github/stars/souvikpramanikgit/LearnHub?style=flat&logo=github"/></td> <td><img alt="Forks" src="https://img.shields.io/github/forks/souvikpramanikgit/LearnHub?style=flat&logo=github"/></td> <td><img alt="Issues" src="https://img.shields.io/github/issues/souvikpramanikgit/LearnHub?style=flat&logo=github"/></td> <td><img alt="Open PRs" src="https://img.shields.io/github/issues-pr/souvikpramanikgit/LearnHub?style=flat&logo=github"/></td> <td><img alt="Closed PRs" src="https://img.shields.io/github/issues-pr-closed/souvikpramanikgit/LearnHub?style=flat&color=critical&logo=github"/></td> <td><img alt="Languages Count" src="https://img.shields.io/github/languages/count/souvikpramanikgit/LearnHub?style=flat&color=green&logo=github"></td> <td><img alt="Contributors Count" src="https://img.shields.io/github/contributors/souvikpramanikgit/LearnHub?style=flat&color=blue&logo=github"/></td> </tr> </tbody> </table>

---

<h2 align="center">🎯 Open Source Programmes ⭐</h2> <p align="center"> <b>This project is now OFFICIALLY accepted for:</b> </p> <div align="center"> <img src="https://github.com/apu52/METAVERSE/assets/114172928/e79eb6de-81b1-4ffb-b6ed-f018bb977e88" alt="GSSOC" width="80%"> </div>

🌟 Exciting News...

🚀 This project is now an official part of GirlScript Summer of Code – GSSoC 2025! 💃🎉💻 We’re thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow with DevElevate. Let’s make learning and career development smarter – together! 🌟👨‍💻

👩‍💻 GSSoC is one of India’s largest 3-month-long open-source programs that encourages developers of all levels to contribute to real-world projects 🌍 while learning, collaborating, and growing together. 🌱

🌈 With mentorship, community support, and collaborative coding, it's the perfect platform for developers to:

✨ Improve their skills 🤝 Contribute to impactful projects 🏆 Get recognized for their work 📜 Receive certificates and swag!

🎉 I can’t wait to welcome new contributors from GSSoC 2025 to this AnimateItNow project family! Let’s build, learn, and grow together — one commit at a time. 🔥👨‍💻👩‍💻

<img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="100%">

Tech Stack

Features

• 📚 Curated learning modules on various technology topics
• ⚡ Fast, scalable, and modern codebase powered by TypeScript
• 🎨 Clean and responsive user interface

---

Getting Started

Prerequisites

• Node.js (v14 or higher recommended)
• npm or yarn

Installation

Clone the repository:

git clone https://github.com/souvikpramanikgit/LearnHub.git
cd LearnHub

Install dependencies:

npm install

Running the App

npm start

The application will typically be available at http://localhost:3000.

<!--The application will typically be available at http://localhost:3000.-->

---

Project Structure

LearnHub/
├── docusaurus.config.ts      # Docusaurus configuration
├── sidebars.ts               # Sidebar navigation
├── docs/                     # Main documentation content
├── blog/                     # Blog posts and updates
├── src/                      # Source code (components, pages, styles)
├── static/                   # Static assets (images, icons)
├── package.json              # Project dependencies and scripts
├── tsconfig.json             # TypeScript configuration
├── README.md                 # Project overview and setup
├── Learn.md                  # This learning guide
└── ...                       # Other config and resource files

---

Contribution

Contributions are welcome! Please open an issue or submit a pull request for improvements, new features, or bug fixes.

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