TheModdedChicken / NeoTab

A reworking of UltimateTab

Neo Tab (WIP)

A fast, responsive interface to browse guitar tabs scraped from Ultimate Guitar.

This is a rework of BenoitBellegarde/UltimateTab which aims to clean up the original a bit.

NOTE: This is very much still a work-in-progress

Desktop Screenshot

Mobile Screenshot

Features

• Browse responsive guitar tabs scraped in real time from Ultimate Guitar.
• Chords visualizer with official diagrams from Ultimate Guitar.
• Chords transposer.
• Backing track player (using YouTube API).
• Add tabs to favorites without the need for an account (stored in local storage).

Technologies

Neo Tab has been built with a modern stack, including:

• NextJS - React Framework
• React Query - Server state management
• React Context API - Client state management
• ChakraUI - UI Component Library
• Vexchords - Chords renderer library

Installation

To run Neo Tab locally, you must have Node.js and NPM or Yarn installed on your computer. Follow these steps to get started:

1. Clone this repository using git clone https://github.com/TheModdedChicken/NeoTab.git
2. Navigate to the project directory using the terminal or command prompt.
3. Run bun install to install the dependencies.
4. Run bun run dev to start the development server.
5. Create .env.local file and add a variable YOUTUBE_API_KEY with a YouTube API key as value to get backing tracks
6. Open http://localhost:3000 in your web browser to see Neo Tab running.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any features or bug fixes.

License

Neo Tab is licensed under the MIT License.