DevHub Community Platform

Devhub is a web app that is A modern community platform for developers to Connect, collaborate, and grow with fellow developers.
Report Bug · Known Issues

What is it?

✨ Features

• 💬 Discussions - Engage in meaningful conversations about programming
• 📚 Knowledge Base - Community-driven documentation and guides
• 🐛 Bug Reports - Track and solve issues together
• 📝 Blog Platform - Share your insights and experiences
• 🎥 Virtual Meetings - Real-time collaboration spaces
• 🌙 Multiple Themes - Light, Dark, and other beautiful themes
• 🔒 Authentication - Secure user authentication with custom backend
• 🎨 Modern UI - Beautiful and responsive design with Tailwind CSS

🛠️ Tech Stack

• Frontend:

  • React 18
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lucide Icons

• Backend:

  • Node.js
  • Express.js
  • Custom authentication system
  • REST API

🔗 Contributor Guidelines

Before contributing to DevHub, please follow these steps:

1️⃣ Contact Me for Slack & Jira Access 📩

To be added to Slack and Jira, you need to send me an email first.

• Email: usamaaamirsohail@gmail.com
• LinkedIn: Contact Me Here

Once added, you can proceed to the next steps.

2️⃣ Create a Jira Ticket 📌

• After being added, create a ticket in Jira with a clear description of your feature or issue.
• Provide relevant details, screenshots, or references if needed.

3️⃣ Work on a New Branch 🚀

• After approval, create a new branch for your changes.
• Implement the enhancement and commit your changes.

4️⃣ Submit a PR for Review ✅

• Once done, create a Pull Request (PR) and assign it for review.
• The changes will be reviewed and merged upon approval.

Thank you for contributing to DevHub! 🚀

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/usama7365/Devhub.git
cd devhub

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

🏗️ Project Structure

src/
├── components/        # Reusable UI components
├── pages/            # Page components
├── lib/             # Utilities and configurations
├── types/           # TypeScript type definitions
└── main.tsx         # Application entry point

🤝 Contributing

We welcome contributions! Please follow these steps:

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

📝 License

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

🌟 Core Features

Discussions

• Create and participate in technical discussions
• Tag-based categorization
• Upvoting system
• Mark solutions as accepted

Knowledge Base

• Community-driven documentation
• Categorized articles
• Search functionality
• Version history

Bug Reports

• Structured bug reporting
• Status tracking
• Solution sharing
• Integration with discussions

Blog Platform

• Rich text editor
• Image uploads
• Tags and categories
• Social sharing

Virtual Meetings

• Real-time video conferencing
• Screen sharing
• Chat functionality
• Meeting scheduling

🎨 Theme Support

DevHub supports multiple themes:

• Light
• Dark
• Sepia
• Nord
• Dracula
• Ayu Mirage
• Solarized Light
• Solarized Dark

📱 Responsive Design

The platform is fully responsive and works seamlessly across:

• Desktop
• Tablet
• Mobile devices

🔒 Security

• Custom authentication system (JWT)
• Protected API routes
• Secure data handling

🔄 Real-time Features

• Live notifications
• Real-time chat
• Instant updates
• Presence indicators

📈 Future Roadmap

• Advanced code editor integration
• GitHub integration
• Team collaboration features
• API documentation
• Community events calendar
• Developer portfolios
• Job board integration
• Mentorship program

💖 Acknowledgments

• Node.js for backend infrastructure
• Express.js for the server framework
• Tailwind CSS for styling
• Lucide for beautiful icons
• React for the UI framework
• Vite for the build tool

💸 Sponsorship

If you appreciate the work I'm doing on DevHub and want to support the development of the platform, consider becoming a sponsor.

💖 Sponsor Links:

• GitHub Sponsors: usama7365
• Patreon: feline411

Thank you for supporting the DevHub community! 🙏

📧 Contact

For questions or support, please open an issue or contact the maintainers:

• GitHub: GitHub Profile
• Email: usamaaamirsohail@gmail.com