A modern, beautiful, and feature-rich code repository platform built with Next.js, TypeScript, and Tailwind CSS. Discover, share, and collaborate on code repositories with an elegant UI and powerful features.
- 🔍 Explore Repositories: Browse and search through a curated list of repositories with rich metadata.
- 🗂️ File Tree & Code Viewer: Navigate project files and view code with syntax highlighting.
- 📊 Repository Stats: See stars, forks, contributors, and more at a glance.
- 🏷️ Tags & Badges: Visual indicators for language, privacy, and repository status.
- 🧑💻 Issues & Pull Requests: Track issues and pull requests in a clean, tabbed interface.
- 🌗 Dark/Light Theme: Seamless theme switching with system preference support.
- 🧩 Reusable UI Components: Built with a robust design system using Radix UI and custom Tailwind components.
- ⚡ Blazing Fast: Optimized for performance and static export (SSG).
- Next.js 15 (App Router, SSG, SSR)
- React 18
- TypeScript
- Tailwind CSS & tailwindcss-animate
- Radix UI Primitives
- Lucide Icons
- Zod for validation
- Vercel for deployment
CodeHub/
├── src/
│ ├── app/ # Next.js app directory (routing, pages)
│ ├── components/ # Reusable UI and layout components
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Mock data and utilities
│ └── ...
├── public/ # Static assets
├── styles/ # Global styles (Tailwind)
├── package.json # Project metadata and scripts
├── tailwind.config.ts # Tailwind CSS config
└── ...
git clone https://github.com/your-username/codehub.git
cd codehubnpm installnpm run devVisit http://localhost:3000 to view the app.
npm run build
npm start- Modern Dashboard: Responsive, accessible, and visually appealing.
- Tabs, Cards, Badges: Built with Radix UI and custom Tailwind components.
- Dark Mode: Automatic and manual theme switching.
- File Tree & Code Viewer: Intuitive navigation and code display.
The app uses mock data for repositories, file trees, and code content. You can customize these in src/lib/mock-data.ts for demos or prototyping.
This project is ready for deployment on Vercel and supports static export (output: export).
Contributions are welcome! Please open issues or pull requests for new features, bug fixes, or improvements.
- Fork the repo
- Create your feature branch (
git checkout -b feature/your-feature) - Commit your changes (
git commit -m 'Add some feature') - Push to the branch (
git push origin feature/your-feature) - Open a pull request
This project is licensed under the MIT License.
Made with ❤️ by the CodeHub Team