phashboards is a personal Phish dashboard that allows fans to visualize and analyze their show attendance and song statistics.
- Fetch and display user's Phish show history
- Visualize show statistics (by year, venue, tour)
- Display song statistics and frequency
- Analyze multi-day run data
- Interactive charts and graphs
- Responsive design for desktop and mobile
- React and Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui component library
- Recharts for data visualization
- Phish.net API integration
- Node.js (v14 or later)
- npm or yarn
- Phish.net API key
-
Clone the repository:
git clone https://github.com/yourusername/phashboards.git cd phashboards -
Install dependencies:
npm installor
yarn install -
Create a
.env.localfile in the root directory and add your Phish.net API key:NEXT_PUBLIC_PHISH_NET_API_KEY=your_api_key_here -
Start the development server:
npm run devor
yarn dev -
Open http://localhost:3000 in your browser to see the app.
- Enter your Phish.net username in the input field.
- Click "Fetch Data" to retrieve your show history.
- Explore the various charts and statistics presented in the dashboard.
- Use the theme toggle to switch between light and dark modes.
- Click on "View All Shows" or "View All Songs" to see complete lists.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is open source and available under the GPL-3.0 License.
- Phish.net for providing the API and data
- shadcn/ui for the beautiful component library
- Recharts for the charting library
- All the Phish fans who inspired this project
Check out my other projects at hec.works! This is a personal portfolio site that showcases my work and projects.