An open API service indexing awesome lists of open source software.

https://github.com/usama7365/devhub

Open Source modern community platform for developers Connect, collaborate, and grow with fellow developers
https://github.com/usama7365/devhub

react typescript vite

Last synced: over 1 year ago
JSON representation

Open Source modern community platform for developers Connect, collaborate, and grow with fellow developers

Awesome Lists containing this project

README

          

![GitHub contributors](https://img.shields.io/github/contributors/usama7365/Devhub)
![GitHub issues](https://img.shields.io/github/issues/usama7365/Devhub)
![GitHub](https://img.shields.io/github/license/usama7365/Devhub)





Logo

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?

![DevHub Preview](https://lh3.googleusercontent.com/fife/ALs6j_GQKtyp6Nv09uRNnR5fl0LQFTYi-TpHTxh6rNmSQpZohU3TcWAlhoc1fE2dB0KyVNBgbiBdAe9Okg0p9c6eKsIZkHWCfh_QB0mYYGTXnr9c0Xdk92maWZy4LW-KexAdEEaIRMd0eoUux28DSLsNwERAYfp8G8ODZq1N93GjXtPpo_2Tjfc5CxtF3YBKQ4vmBy5SALeELRWGzbyaKKvxoIxhwDcm1i_h3ElrmkUEv__-YSbTYR0STWO-hNjwWlcq7rCCTus6oFuBfKUVkLMktSLCEN95GxGhvoeLdd6R9Mf9hV9hin6cvB8LnvaFw_Ph7BX0eZGzNgmx4qSggx7i5Ea64pk5cEjXNxIL00KXmGplYNgQRSjI0md5A7RU4Yt3Ii11l3rb4P2cilLrA9XFc2Yf1gALIRiKl3gO8_8DcMdfHyIDns5ukWbw96R855-hgRMf9fJAQd4ifLEAOaHhuLknjBw7i9g7bsmUrM4LhVScZiRgTfkaSgrbeiMMSE5P_KC2bmdgBX3he53Vap0X7SGm0kjPEauO9IN6kOHXHP8mfZZFufev2mo-EX2nYOMqXElaI4tE9F19-2GvG2NH8hUSVgNCdEKyyL6Z6KCsPzigpW3xwowbmKtNI_1bvl7c-cIlc4NgaaP88m5_BejDNSfH0oEIFX1ZZgCmpVyIwAZSwG9-YjdCgu4hBFysdb0F-Qu-9DPw9tFLCG1gosZ2BC20yYWg67N9L1313EVBZxBFo6zi_uUnWe9hZWC8MM9RbsJ-SZN85G7cSEGt8MjhDxRdv6qj1T81rviiuHKivqfjMiIsq6PgPZeZTHvuptbWQE-NYVnBBe8hkg6DKFAW9c4oAsY6sJ1r6WZ1VRzkrkB-kJjd6FOWehHehr2C85kNBIga_QvH3V-O50NC_M7Jq5h_0dleLE1qLESJKXmx2MwjQbbFmtibTrtKYY2kbqk7uW77oV9hjTJ02_WBRBjigG94R9Zi_ZtAzppP42_4w3afgtZ-GS9BOViGKoZSCot838Z3VBxhMT9XDzn3FK9Z384o1aCschPPqdzv2Yejc8ls46xrg4hgvVFJOYyCR6bOLQniGRfvrxSVbxkNzINgmu4oNr7sjcw7TM0_Iaawwg7IKKqk4z0exZ8mSG03i8408GJ2d57RHvx-yPvFyWZbwve1UqrMa_QyaASNDMmoNh0ZVyXOC8UiyaTSbxsrCUHnyA6W7ozloGDrxn_qZ4i6eIEW_sWpEf_-enjzWCN9FMj1h3Ihxl7hceBIXhwjJKM2MBOrpsc-EzAPTMlWjZ2_AvCVtD0pluUjDPz774gpB64LJoTBiMqHlZxRZvdCCWRIJl9nslJgztoS5IF6j_AFMgs7Xvvk8NZRPorw7c708iLHXUnXk5ox7V9pRQNde6kA9ODFVWMRDwoGFBd0ykDm_s0LphRSQDmcR87mRrxXpW2rztccbHqOf-NxZfZzO6Lq8tu5TtoapgZDfI5pbWyThUbxWJo3YYJg2aRjwxKGKFBTncNiYjc0CW5qdmAmzpX8h471w4vXmG8cHw7FBscdRqAxjGbM9A2155t8HAjarvGN_6wCdFYGZkJazOVNywGMa4pQ78sax3xW3iHfQNg=w3360-h1194)

## โœจ 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](https://www.linkedin.com/in/usama-aamir-0434b6229/)

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:

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

2. Install dependencies:

```bash
npm install
```

3. Start the development server:

```bash
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](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](https://nodejs.org/en) for backend infrastructure
- [Express.js](https://expressjs.com) for the server framework
- [Tailwind CSS](https://tailwindcss.com) for styling
- [Lucide](https://lucide.dev) for beautiful icons
- [React](https://reactjs.org) for the UI framework
- [Vite](https://vitejs.dev) 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](https://github.com/sponsors/usama7365)
- **Patreon:** [feline411](https://www.patreon.com/feline411)

Thank you for supporting the DevHub community! ๐Ÿ™

## ๐Ÿ“ง Contact

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

- GitHub: [GitHub Profile](https://github.com/usama7365)
- Email: usamaaamirsohail@gmail.com