A modern web application built with Next.js that displays GitHub events in a stylish, user-friendly interface.
- 🔄 Real-time GitHub event tracking
- 🎨 Modern UI built with Radix UI components and Tailwind CSS
- 📱 Fully responsive design
- 🌓 Light/dark mode with next-themes
- 📊 Data visualization with Recharts
- 📆 Date selection with react-day-picker
- 🧩 Component-based architecture
- Framework: Next.js 15
- Styling: Tailwind CSS
- UI Components: Radix UI
- State Management: React Hooks
- Form Handling: react-hook-form
- Data Validation: Zod
- Data Visualization: Recharts
- Node.js 18+ (LTS recommended)
- npm or pnpm
- Clone the repository:
git clone https://github.com/yourusername/vegas-github-event-viewer.git
cd vegas-github-event-viewer- Install dependencies:
npm install
# or
pnpm install- Run the development server:
npm run dev
# or
pnpm dev- Open http://localhost:3000 in your browser.
├── app/ # Next.js app directory
├── components/ # Reusable UI components
│ └── ui/ # UI component library
├── hooks/ # Custom React hooks
├── lib/ # Utility functions & shared code
├── public/ # Static assets
└── styles/ # Global styles
Create a .env.local file at the root of your project with the following variables:
# GitHub API
GITHUB_TOKEN=your_github_token
This project can be deployed on Vercel with zero configuration:
npm run build
# or
vercelContributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Radix UI for accessible UI components
- Tailwind CSS for utility-first CSS framework
- Next.js for the React framework