https://github.com/nikolasiljanovski/guitar-shop-react
🎸 VibeStrings – Online Guitar Shop React App A modern, responsive single-page React application for browsing guitar brands and models. Features brand filtering, detailed guitar views, artist highlights, infinite scrolling, and language switching (EN, MK, AL). Built using React, Apollo Client, and GraphQL.
https://github.com/nikolasiljanovski/guitar-shop-react
css js json react
Last synced: 2 months ago
JSON representation
🎸 VibeStrings – Online Guitar Shop React App A modern, responsive single-page React application for browsing guitar brands and models. Features brand filtering, detailed guitar views, artist highlights, infinite scrolling, and language switching (EN, MK, AL). Built using React, Apollo Client, and GraphQL.
- Host: GitHub
- URL: https://github.com/nikolasiljanovski/guitar-shop-react
- Owner: NikolaSiljanovski
- License: mit
- Created: 2025-08-20T12:09:47.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-20T12:18:48.000Z (11 months ago)
- Last Synced: 2025-08-31T18:47:49.139Z (10 months ago)
- Topics: css, js, json, react
- Language: JavaScript
- Homepage:
- Size: 12 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎸 VibeStrings Guitar Shop
**VibeStrings** is a modern guitar shop web app built using **React**, **Apollo Client**, **GraphQL**, and **Tailwind CSS**. It provides a clean user interface for browsing top guitar brands, exploring detailed models, switching languages, and viewing artist endorsements.
---
## 📦 Tech Stack
- ⚛️ React (Vite)
- 🎯 Apollo Client + GraphQL
- 🎨 Tailwind CSS + Custom CSS
- 🧭 React Router
- 🌐 Multi-language support (EN / MK / SQ)
- 🧠 Lucide Icons
---
## 🚀 Features
- Home page with hero banner and top brands
- Brand-specific model listings (dynamic routing)
- Guitar detail page with specifications and artists
- Language switcher (EN, MK, SQ)
- Responsive design with fallback to local JSON if API fails
- Clean and modern UI
---
## ⚙️ Setup Instructions
### 1. Clone the repository
```bash
git clone https://github.com/NikolaSiljanovski/guitar-shop-react.git
cd guitar-shop-react
Install dependencies : npm install
Run the development server: npm run dev
Lint and fix code style:
->npx eslint "**/*.{js,jsx}" --fix
->npx stylelint "**/*.{css,scss}" --fix