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
- Host: GitHub
- URL: https://github.com/usama7365/devhub
- Owner: usama7365
- License: mit
- Created: 2025-02-01T23:12:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T03:30:58.000Z (over 1 year ago)
- Last Synced: 2025-03-11T04:28:22.964Z (over 1 year ago)
- Topics: react, typescript, vite
- Language: TypeScript
- Homepage: https://devhub-tawny.vercel.app
- Size: 1010 KB
- Stars: 25
- Watchers: 1
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README



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](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