A modern web application for tracking Nintendo Switch content, built with React and TypeScript.
nx-content_demo.mp4
- 🎮 Track base games, updates, and DLC content
- 🔍 Advanced search with configurable precision
- 🌓 Dark/Light theme support
- 📱 Fully responsive design
- 📊 Detailed content information
- 🖼️ Interactive screenshot gallery with advanced features:
- Zoom and rotation controls
- Slideshow mode
- Fullscreen support
- Keyboard shortcuts
- Touch gestures
- Image download
- 📈 Download statistics integration
- 🔄 Auto-refresh capabilities
- ⚙️ Customizable display settings
This project uses:
- Vite for blazing fast development
- React 18 with TypeScript
- Tailwind CSS for styling
- Zustand for state management
- Lucide for icons
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run previewThe application supports various configuration options through the settings panel:
- Search precision for names and Title IDs
- Items per page
- Content display limits
- Auto-refresh intervals
- Custom data source URLs
The screenshot gallery supports various controls:
- Keyboard:
- Arrow keys: Navigate between images
- R: Rotate image
- +/-: Zoom in/out
- F: Toggle fullscreen
- Space: Toggle slideshow
- ESC: Close gallery
- Mouse:
- Click and drag to pan
- Mouse wheel to zoom
- Click outside to close
- Touch:
- Swipe to navigate
- Pinch to zoom
- Double tap to toggle zoom
- 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.
- Data provided by nlib.cc
- Icons by Lucide
- Stats by ghostland.at