Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/akibanks/tienda_musica_web/llms.txt

Use this file to discover all available pages before exploring further.

VinylVibes is a premium vinyl record store built with vanilla HTML, CSS, and JavaScript. It features a dynamic catalog powered by the Discogs API, a shopping cart with cross-tab sync, a two-step checkout flow, JWT-based authentication, and an admin panel for managing users and sales — all deployable as a static site on GitHub Pages.

Quickstart

Run VinylVibes locally in under five minutes — no build step required.

Architecture

Understand how the frontend, backend API, and third-party services fit together.

Catalog & Search

Explore how the vinyl catalog, genre filters, and Discogs-powered search work.

API Reference

Full reference for every REST endpoint consumed by the frontend.

What’s inside

VinylVibes is organized into three pages and a shared set of JavaScript modules:

Catalog

Browse, filter by genre, and search vinyls powered by Discogs.

Cart & Checkout

Add items, review the cart, and complete a two-step checkout.

Authentication

Login, registration, and JWT session management via localStorage.

Admin Panel

Manage users and sales — with a read-only demo mode.

Design System

CSS custom properties, typography, and dark-mode tokens.

Roles & Access

Four user roles and how they gate access across the app.

Get started in three steps

1

Clone the repository

git clone https://github.com/akibanks/tienda_musica_web.git
cd tienda_musica_web
2

Serve the static files

No build or install needed. Open index.html directly or use a local server:
npx serve .
3

Point to a backend

The frontend calls https://api-tienda-vinilos.onrender.com by default. To use your own backend, update the API constant at the top of script.js, login.js, and admin.js.
A demo account is available for testing the admin panel: username admin_chocolate / password chocolate. This account has read-only access to all admin features.

Build docs developers (and LLMs) love